Quelle est la différence entre <input type = "button" /> et <button>?

Question

Je ne connaissais pas le tag <button> jusqu'à aujourd'hui.

Answer 1

Fondamentalement, <button> est plus flexible car il peut contenir d'autres étiquettes à l'intérieur. Comme,

<button type="submit"><strong>Click</strong> me, <em>user!</em></button> 

Vous ne pourrez le faire avec <input> régulière.

Answer 2

Vérifiez cet article

Inputs vs Buttons

boutons créés avec la fonction d'élément BUTTON comme des boutons créés avec l'élément INPUT, mais ils offrent rendu possibilités plus riches: l'élément BUTTON peut avoir du contenu. Par exemple, un élément BUTTON qui contient une image fonctionne comme et peut ressembler à un élément INPUT dont le type est défini sur "image", mais le type d'élément BUTTON autorise le contenu.

Answer 3

Vous pouvez inclure des images dans une balise <button>, mais pas dans une balise <input>, amoung autres différences

Answer 4

Voir: W3C site.

Ils sont très similaires, mais l'étiquette <button> a quelques extras qui peuvent être utiles à l'occasion occasionnelle.