input type = « submit » balise button Vs sont-ils interchangeables ?

Question

et tag sont-ils interchangeables ? ou s’il n’y a aucune différence, alors quand utiliser et quelle ?

Et s’il n’y a pas de différence alors pourquoi nous avons 2 étiquettes pour même but ?

Answer 1

http://www.w3.org/TR/html4/interact/forms.html#h-17.5

Les boutons sont créés avec l'élément de BOUTON de fonction comme les boutons créés avec l'élément d'ENTRÉE, mais ils offrent un rendu plus riche de possibilités: l'élément de BOUTON peuvent avoir un contenu. Par exemple, un élément de BOUTON qui contient une image, comme les fonctions et peut ressembler à une ENTRÉE de l'élément dont le type est réglé sur "image", mais le BOUTON type d'élément permet de contenu.

Donc, pour fonctionnalité seulement ils sont interchangeables!

(N'oubliez pas que vous devez utiliser type="submit" avec button ).

Answer 2

La est juste un bouton et ne fera rien par lui-même. Le , lorsqu’à l’intérieur d’une forme élément, présentera le formulaire lorsque vous cliquez dessus.

Un autre bouton « spécial » utile est le `` qui efface la forme.

Answer 3

Utilisez le bouton <> au lieu de <input type="button"..>. Il est conseillé de la pratique dans le bootstrap 3.

http://getbootstrap.com/css/#buttons-tags

"La croix-rendu de navigateur

Comme une meilleure pratique, nous vous recommandons fortement d'utiliser le bouton <> élément chaque fois que possible pour assurer correspondant de la croix-rendu de navigateur.

Entre autres choses, il y a un bug Firefox qui nous empêche de réglage de la hauteur de la ligne de <input>à base de boutons, ce qui leur pas correspondre exactement à la hauteur des autres boutons sur Firefox."

Answer 4

<input type='submit' /> ne prend pas en charge le HTML à l'intérieur d'elle, puisque c'est une seule balise de fermeture. <button>, d'autre part, prend en charge HTML, images, etc. à l'intérieur parce que c'est une paire de tags: <button><img src='myimage.gif' /></button>. <button> est également plus souple quand il s'agit de style CSS.

L'inconvénient de l' <button> , c'est qu'il n'est pas entièrement pris en charge par les navigateurs plus anciens. IE6/7, par exemple, ne pas les afficher correctement.

Sauf si vous avez une raison particulière, il est probablement préférable de s'en tenir à l' <input type='submit' />.

Answer 5

est plus récent que , est plus sémantique, facile à styliser et à soutenir HTML à l’intérieur.