Difference between button and input?

html forms button input submit
DarkLightA picture DarkLightA · Dec 20, 2010 · Viewed 21.2k times · Source

Are there any major differences between <button type="button" name="theButton">SUBMIT</button> and <input type="submit" value="SUBMIT" name="theButton" />

Also, can you use <button type="submit" name="theButton">SUBMIT</button>?

Answer

Zain Shaikh picture Zain Shaikh · Dec 20, 2010

Here's a page describing the differences (basically you can put html into a <button></button>

And an other page describing why people avoid <button></button> (Hint: IE6)

Reference: <button> vs. <input type="button" />. Which to use?

Also have a look at this slideshow about button.

Related questions

Disable form auto submit on button click

I have a HTML form where I use several buttons. The problem is that no matter which button I click, the form will get submitted even if the button is not of type "submit". e.g. Buttons like :<button&…

Read More
Is it safe to use anchor to submit form?

I've read somewhere, that using anchor tag to submit a form isn't very safe, so that's my question: Is it safe, to use anchor tag instead of <button> or <input type="submit" /> to submit a form? …

Read More
Set the value of an input field

How would you set the default value of a form <input> text field in JavaScript?

Read More