input type=“submit” Vs balise button sont-ils interchangeables?
input type="submit"
et button
tag sont-ils interchangeables? ou si il y a une différence alors Quand utiliser input type="submit"
et quand button
?
Et si il n'y a pas de différence, alors pourquoi nous avons 2 balises pour le même but?
- Voir aussi Différence entre <input type= "bouton" /> et <input type= "submit" />
- Éviter une drôle de journée tout en utilisant
button
et lavalue
attribut dans certaines versions d'IE,input
vous enverra ce qu'on attendait, une version de IE n'est pas de bien jouer avecbutton
s. - Les réponses sont fondamentalement les mêmes que pour
input type="button"
vsbutton type=button
: stackoverflow.com/questions/469059/...
Vous devez vous connecter pour publier un commentaire.
http://www.w3.org/TR/html4/interact/forms.html#h-17.5
Donc pour une fonctionnalité, ils sont interchangeables!
(N'oubliez pas,
type="submit"
est par défaut avecbutton
, afin de les laisser sortir!)type="submit"
avec bouton, comme la valeur par défaut pourtype
estsubmit
.type
par défaut a étébutton
. Je préfère explicite de chaque attribut pour éviter n'importe quel navigateur incohérence.type="submit"
semble être par défaut, donc je ne pense pas que vous avez besoin de le préciser, non?<button>Submit</button>
et<input type="submit"/>
est littéralement la présentation.La
<input type="button">
est juste un bouton et de ne rien faire par lui-même.Le
<input type="submit">
, lorsqu'à l'intérieur d'un élément de formulaire, va soumettre le formulaire lorsque l'utilisateur clique dessus.Un autre utile "spécial" bouton est le
<input type="reset">
qui va effacer le formulaire.<input>
et<button>
balises. Vous avez fourni des informations utiles sur<input>
dans votre réponse, mais il manque de la<button>
côté.Utiliser <button> tag au lieu de <input type="button"..>. Il est conseillé de la pratique dans le bootstrap 3.
http://getbootstrap.com/css/#buttons-tags
button
est beaucoup plus explicite, et est livré avecaria
fonctionnalités d'accessibilité, et est beaucoup plus facile à coiffer. Il est aussi avant-gardiste, comme c'est le HTML5.<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
<button>
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 à
<input type='submit' />
.<input type="submit" value="Log In" />
<button>
en faveur de quelque chose de nouveau. Est-ce à dire que nous ne devrions pas oublier une balise spécifique dans les réponses à tout, parce qu'il à changer à un certain moment dans l'avenir? Je préfère laisser cela comme un exercice pour le lecteur de déterminer la façon dont les réponses s'appliquent à leur situation. Tant que l'information est précieuse pour le lecteur, je ne vois pas le problème que cela.html
avec bouton de type submit à l'intérieur de la forme , vérifiez ceci , l'espoir aide.Bien que les deux éléments de livrer fonctionnellement le même résultat *, je vous recommande fortement de l'utiliser
<button>
:input
suggère que le contrôle est modifiable, ou peut être modifié par l'utilisateur;button
est beaucoup plus explicite en termes de but, il sertinput[type="submit"]
ne s'affichent pas correctement dans certains casPOST
/GET
demande au serveur* À l'exception de
<button type="button">
qui, par défaut, n'a pas de comportements particuliers.En résumé, je décourage fortement l'utilisation de
<input type="submit" />
.Je réalise que c'est une vieille question, mais j'ai trouvé cela sur mozilla.org et pense qu'elle s'applique.
_to_finish">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form#And_a_<button>_to_finish
<button type="button">
à l'avance un slider/carrousel de la diapositive suivante.<button>
est plus récente que<input type="submit">
, est plus sémantique, facile à appliquer et prend en charge le HTML à l'intérieur d'elle.Tandis que les autres réponses sont grands et répondre à la question il y a une chose à considérer lors de l'utilisation de
input type="submit"
etbutton
. Avec uninput type="submit"
vous ne peut pas utiliser un CSS pseudo élément sur l'entrée, mais vous peut pour un bouton!C'est une des raisons pour utiliser un
button
élément sur une entrée quand il s'agit de style.Je ne sais pas si c'est un bug ou une fonctionnalité, mais il est très important (pour certains cas au moins) différence que j'ai trouvé:
<input type="submit">
crée de la valeur de la clé de la paire dans votre demande et<button type="submit">
ne l'est pas. Testé sur Chrome et Safari.Ainsi, lorsque vous avez plusieurs boutons de soumission de votre formulaire et que vous voulez savoir lequel on a cliqué - ne pas utiliser
button
, utilisezinput type="submit"
à la place.Si vous parlez
<input type=button>
, il ne sera pas automatiquement envoyer le formulairesi vous parlez de la
<button>
tag, c'est plus récente et ne pas le soumettre automatiquement dans tous les navigateurs.Bas de ligne, si vous souhaitez que le formulaire pour soumettre à cliquer dans tous les navigateurs, l'utilisation
<input type="submit">
<button type="submit">
automatique des formulaires de soumission.