<button> vs. <input type=“button” />. Which to use?
When looking at most sites (including SO), most of them use:
<input type="button" />
instead of:
<button></button>- What are the main differences between the two, if any?
- Are there valid reasons to use one instead of the other?
- Are there valid reasons to use combine them?
- Does using
<button>come with compatibility issues, seeing it is not very widely used?
answer:
- 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)
Another IE problem when using
<button />:And while we're talking about IE, it's got a couple of bugs related to the width of buttons. It'll mysteriously add extra padding when you're trying to add styles, meaning you have to add a tiny hack to get things under control.
http://stackoverflow.com/questions/469059/button-vs-input-type-button-which-to-use
