Difference between input type submit and button type submit text button

Question

There are many legends about them  I want to know the truth  What are the differences between the two following examples     lt input type  submit  value  text    gt   lt button type  submit  gt text lt  button gt

User · Answer

In summary     lt input type  submit  gt    lt button type  submit  gt  Submit  lt  button gt    Both by default will visually draw a button that performs the same action  submit the form    However  it is recommended to use  lt button type  submit  gt  because it has better semantics  better ARIA support and it is easier to style

User · Answer

With  lt button gt   you can use img tags  etc  where text is   lt button type  submit  gt  text -- can be img etc    lt  button gt    with  lt input gt  type  you are limited to text

User · Answer

Not sure where you get your legends from but   Submit button with  lt button gt   As with    lt button type  submit  gt  html content  lt  button gt    IE6 will submit all text for this button between the tags  other browsers will only submit the value  Using  lt button gt  gives you more layout freedom over the design of the button  In all its intents and purposes  it seemed excellent at first  but various browser quirks make it hard to use at times    In your example  IE6 will send text to the server  while most other browsers will send nothing  To make it cross-browser compatible  use  lt button type  submit  value  text  gt text lt  button gt   Better yet  don t use the value  because if you add HTML it becomes rather tricky what is received on server side  Instead  if you must send an extra value  use a hidden field   Button with  lt input gt   As with    lt input type  button    gt    By default  this does next to nothing  It will not even submit your form  You can only place text on the button and give it a size and a border by means of CSS  Its original  and current  intent was to execute a script without the need to submit the form to the server   Normal submit button with  lt input gt   As with    lt input type  submit    gt    Like the former  but actually submits the surrounding form   Image submit button with  lt input gt   As with    lt input type  image    gt    Like the former  submit   it will also submit a form  but you can use any image  This used to be the preferred way to use images as buttons when a form needed submitting  For more control   lt button gt  is now used  This can also be used for server side image maps but that s a rarity these days  When you use the usemap-attribute and  with or without that attribute   the browser will send the mouse-pointer X Y coordinates to the server  more precisely  the mouse-pointer location inside the button of the moment you click it   If you just ignore these extras  it is nothing more than a submit button disguised as an image   There are some subtle differences between browsers  but all will submit the value-attribute  except for the  lt button gt  tag as explained above

[html] Difference between <input type='submit' /> and <button type='submit'>text</button>

Examples related to html

Examples related to button