Button Tag Doesn't Work as Advertised

I'm reading a book on Dynamic HTML and I'm a bit frustrated with the Button Tag. I've created four buttons along the bottom of my form to be used as navigation and they don't wanna play nice.

Using the input tag I can do this:
<input type=submit name=navbutton value=first>
<input type=submit name=navbutton value=previous>
<input type=submit name=navbutton value=next>
<input type=submit name=navbutton value=last>

Which creates an "array" of buttons. I check for the navbutton value on the server side and it tells me what button was pushed.

When I try the same thing with the button tag I cannot create the "array" this way and the value isn't submitted as my text says it will be:

<button type=submit name=navbutton value=next>NEXT</button>

Instead of getting the value of the button I get the text inserted between the tags. This is NOT the name/value pair that should be submitted. For instance, in the above example I get "NEXT" as the value instead of "next".

Try using the button.innerText property instead.
The value would give you the value, wouldn't it?
What did you expect?

-abhijit
:)

That is the correct behavior of the Button tag. (didn't you wonder why there were two tags that did essentially the same job)