Différence entre <input type= "bouton" /> et <input type= "submit" />

Il n'y a pas une telle chose comme une question stupide, alors nous y voici: Quelle est la différence entre <input type='button' /> et <input type='submit' />?

  • La HTML <button> élément n'est pas nécessaire de soumettre un formulaire sur son propre, mate...
  • En fait, c'est le cas dans certains navigateurs. Ayant une forme, sans un bouton "soumettre", mais plutôt un <button> appliquera soumettre fonctionnalités. Firefox a ce comportement.
  • Lors de la lecture du W3C spec c'est en fait le comportement par défaut, puisque les boutons a un type d'attribut qui est par défaut à "soumettre".
  • Voir aussi input type=“submit” Vs balise button sont-ils interchangeables?
  • J'ai eu la même question, et ce n'est certainement pas une question stupide, surtout si vous avez été un asp.net développeur web forms toute votre vie où nous n'utilisons pas de html ordinaire, le jour même à cause de cette stupide asp.net les contrôles de cracher cette merde pour nous...c'est pourquoi nous finissons par être muet lors du passage à la MVC et d'avoir à revenir à la maternelle à comprendre comment le code de simples éléments de formulaire à nouveau. 🙂
  • J'ai accepté Phil Sacré de la réponse de retour en novembre 2008!
  • Très étrange. Maintenant, il montre que vous avez accepté la réponse en novembre 2008. Avant, il n'a pas le montrer...
  • Vous avez fait un très bon point que la plupart des gens ne sont pas conscients. Il faut toujours spécifier type="button" sur <button> élément lorsqu'il est utilisé dans la forme,sinon, il sera considéré comme un bouton soumettre

InformationsquelleAutor bounav | 2008-11-14
  1. 226

    <input type="button" /> boutons de ne pas soumettre un formulaire - ils ne font rien par défaut. Ils sont généralement utilisés en conjonction avec le JavaScript dans le cadre d'une application AJAX.

    <input type="submit"> boutons de soumettre le formulaire, ils sont dans lorsque l'utilisateur clique sur eux, à moins de spécifier le contraire avec JavaScript.

    • Aussi les navigateurs peuvent capturer le "Entrez" keypress sur un formulaire et soumettre le formulaire automatiquement si il y a un bouton d'envoi, mais pas autrement.
    • Ils ont également le faire si vous avez un type="image", qui peut être utilisé pour déclencher un formulaire de soumission lorsque l'on clique dessus.
    • M. Brillant et Nouveau: les Formes peuvent être soumises via la touche entrée sans boutons. Il suffit d'avoir l'accent sur une saisie de texte, par exemple.
    • Il y a également un réel élément de bouton qui peut également être utilisé pour soumettre des formulaires lorsque vous cliquez dessus. w3.org/TR/REC-html40/interact/forms.html#h-17.5
    • Vous pouvez utiliser le BOUTON éléments, bien que (surprise, surprise), il existe quelques problèmes avec eux lors de l'utilisation de Tous les Favoris du Navigateur (IE). Intéressant de savoir à propos si.
    • C'est évidemment très vieux, mais je ressens le besoin de donner mes 2 cents comme je sens que c'est une grande chute de l'utilisation de types de bouton... la forme onsubmit événement n'est PAS déclenché à partir de javascript moyens, qui pourraient aboutir à l'entretien des cauchemars.
    • Notez également que type="submit" peuvent présenter, même quand il n'y a PAS de formulaire sur la page. La soumission va à l'URL courante dans de tels cas. Cela peut conduire à des conditions de course s'il est utilisé conjointement avec onclick="document.emplacement=...".
    • Quel est le mécanisme de présentation de l'information avec le bouton soumettre? J'ai trouvé que même si Javascript est désactivé, le bouton soumettre pour continuer l'action. Est-il juste normale de la méthode post qui est le comportement par défaut du bouton submit sur tous les navigateurs?
    • Quel est le HTTP par défaut adresse d'envoi pour <input type="submit">? Sens, pour ce qui est de la SOUMETTRE aller?
    • l'url actuelle de la page. Et si il y a plusieurs boutons de soumission dans un formulaire, le navigateur prend la première dans les DOM.
    • Source pour cette réponse developer.mozilla.org/en-US/docs/Web/HTML/Element/input

    InformationsquelleAutor
  2. 18

    Un 'bouton' est juste que, un bouton, à laquelle vous pouvez ajouter des fonctionnalités supplémentaires à l'aide de Javascript. Un "submit" type d'entrée par défaut de la fonctionnalité de la soumission du formulaire, il est placé (même si, bien sûr, vous pouvez toujours ajouter des fonctionnalités supplémentaires à l'aide de Javascript).

    InformationsquelleAutor Aistina
  3. 6

    Bouton de ne pas soumettre le formulaire sur son propre.C'est un simple bouton qui est utilisé pour effectuer une certaine opération à l'aide de javascript alors que Soumettre est une sorte de bouton qui, par défaut de soumettre le formulaire à chaque fois que l'utilisateur clique sur le bouton soumettre.

    InformationsquelleAutor Sujeet Srivastava
  4. 3

    IE 8 utilise en fait le premier bouton, il rencontre de soumettre ou de bouton. Au lieu de facilement en indiquant ce qui est désiré par faire un input type=submit de la commande sur la page est réellement important.

    InformationsquelleAutor Martin Murphy
  5. 3

    Il convient également de mentionner que d'un nommé input type="submit" sera également présenté avec l'autre forme du nom des champs, tandis qu'un nommé input type="button" ne.

    Avec d'autres mots, dans l'exemple ci-dessous, le nommé entrée name=button1 NE sont soumis tandis que le nommé entrée name=submit1 SERA sont soumis.

    Exemple de formulaire HTML (index.html):

    <form action="checkout.php" method="POST">

  <!-- this won't get submitted despite being named -->
  <input type="button" name="button1" value="a button">

  <!-- this one does; so the input's TYPE is important! -->
  <input type="submit" name="submit1" value="a submit button">

</form>

    Le script PHP (checkout.php) que les processus de la forme ci-dessus de l'action:

    <?php var_dump($_POST); ?>

    Test ci-dessus sur votre machine locale par la création de deux fichiers dans un dossier nommé /tmp/test/puis l'exécution de l'intégré dans PHP serveur web de shell:

    php -S localhost:3000 -t /tmp/test/

    Ouvrez votre navigateur à http://localhost:3000 et de voir par vous-même.

    On peut se demander pourquoi aurions-nous besoin de soumettre un nom de bouton? Il dépend de l'arrière-fin du script. Par exemple, le Thème WordPress plugin ne sera pas traiter une page de paiement affiché à moins que le Place Order nommé bouton est présentée trop. Si vous modifiez son type de soumettre à bouton ce bouton n'obtiendrez pas soumis et donc le formulaire de commande n'est jamais traitée.

    C'est probablement un petit détail, mais vous savez, le diable est dans les détails.

    • Est-ce en conformité avec la spécification ou est-ce navigateur à charge?
    InformationsquelleAutor Eugen Mihailescu
  6. 0

    <input type="button"> peut être utilisé n'importe où, et pas seulement dans la forme, et ils ne présentent pas de forme si elles sont dans un. Beaucoup mieux avec Javascript.

    <input type="submit"> doit être utilisé dans les formes et ils vont envoyer une demande (GET ou POST) à l'URL spécifiée. Ils devraient pas être mis dans n'importe quel code HTML endroit.

    InformationsquelleAutor
  7. 0

    W3C faire comprendre, sur le cahier des charges sur le Bouton de l'élément

    Bouton peut être vu comme une classe générique pour tous les types de Boutons avec aucun comportement par défaut.

    W3C

    • Oups, je downvoted cela par hasard. Désolé.
    InformationsquelleAutor Mahfoud Boukert
  8. 0

    type='Submit' est fixé à l'avant & obtenir les valeurs sur le BACK-END (PHP, .NET, etc).
    type='button' reflètent normal le comportement de la touche.

    InformationsquelleAutor Shashank Malviya