Bouton de type “bouton” et “soumettre”

Est-il une différence entre un button avec type="button" vs type="submit"? Il existe des différences fonctionnelles, ou est-ce juste un nom descriptif pour faciliter la lecture du code?

Est-il différent des autres input?

InformationsquelleAutor akantoword | 2016-06-09
  1. 13

    De MDN:

    type

    Le type de bouton. Les valeurs possibles sont:

    • soumettre: Le bouton envoie les données du formulaire au serveur. C'est la valeur par défaut si l'attribut n'est pas spécifié, ou si l'attribut est modifié dynamiquement à un vide ou une valeur non valide.
    • réinitialiser: Le bouton réinitialise tous les réglages à leurs valeurs initiales.
    • bouton: Le bouton n'a pas de comportement par défaut. Il peut avoir des scripts côté client associé à l'élément événements, qui sont déclenchées lorsque les événements se produisent.

    Quant à la différence entre button et input:

    • Un button peut avoir une valeur distincte, comme données, tandis que pour un input les données et le texte des boutons sont toujours les mêmes:

      <input type="button" value="Button Text"> <!-- Form data will be "Button Text" -->
<button type="button" value="Data">Button Text</button>

    • Un button peut avoir un contenu HTML (par exemple, des images), tandis qu'un input ne peut avoir de texte.

    • Un button peut être plus facile à dire en dehors de d'autres input contrôles (comme les champs de texte) dans le CSS. Note rétro compatibilité du navigateur.

      input {

}
button { /* Always works */

}
input[type=button] { /* Not supported in IE < 7 */

}
    • est-il de toute façon je peux désactiver le bouton "soumettre" à partir de l'envoi de données vers le serveur? j'ai déjà épine dorsale de l'écouteur du bouton qui permettra de rendre le serveur post, mais seulement la nécessité pour le bouton de type submit pour l'accessibilité.
    • Vous pouvez retourner false dans le onclick événement.
    • ne serait-ce pas gâcher mon épine dorsale de l'écouteur pour cela, cliquez sur trop? ou seraient-ils 2 choses distinctes?
    • Je n'ai jamais utilisé Backbone.js moi-même, mais je suppose que cela fonctionnera très bien.
    InformationsquelleAutor Midas
  2. 5

    Un bouton de type "bouton" de ne pas soumettre un formulaire mais avec aucun type ou type=submit (le défaut). Boutons avec type=submit sont presque les mêmes que les entrées avec type=submit mais les boutons sont en mesure de contenir un contenu HTML.

    • donc, il y a quelque chose qui se passe pour le type d'envoi qui n'est pas le cas régulier type de bouton? je demande cela parce que l'accessibilité m'oblige à donner une touche un type d'envoi, mais je suis en utilisant épine dorsale déjà écouter le bouton et faire une requête post, donc je ne veux pas gâcher les choses en ayant le code html de faire quelque chose dans le fond, avec les présenter type de bouton en plus épine dorsale de faire une demande
    InformationsquelleAutor j08691
  3. 1

    Ils ont par défaut différente de comportement à l'égard de la soumission des données du formulaire au serveur
    Le bouton a un attribut nommé "type" et peut contenir toutes les valeurs:

    soumettre: A le comportement par défaut de soumettre les données du formulaire au serveur. C'est la valeur par défaut si l'attribut n'est pas spécifié, ou si l'attribut est modifié dynamiquement à un vide ou une valeur non valide.

    bouton: Le bouton a pas comportement par défaut. Il peut avoir des scripts côté client associé à l'élément événements, qui sont déclenchées lorsque les événements se produisent.

    InformationsquelleAutor Ahmet Arslan
  4. 0

    <button type="button"></button> boutons de ne pas soumettre un formulaire - ils ne font rien par défaut. 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 Zihad Hridoy
  5. 0

    Boutons peuvent être stylisés beaucoup mieux que les entrées peuvent être utilisés pour ancrer les balises(des liens).

    • Images
    • Contenu etc.

    Entrées peuvent obtenir la même fonctionnalité que les boutons mais plus laide de la conception.

    Disons que les entrées sont oldschool, les boutons sont plus fraîches.

    InformationsquelleAutor Grecdev