Différence entre et

Un 'bouton' est juste cela, un bouton, auquel vous pouvez ajouter des fonctionnalités supplémentaires en utilisant Javascript. Un type d'entrée' submit ' a la fonctionnalité par défaut de soumettre le formulaire dans lequel il est placé (bien que, bien sûr, vous pouvez toujours ajouter des fonctionnalités supplémentaires en utilisant Javascript).

Le bouton

Ne soumettra pas le formulaire own.It est un simple bouton qui est utilisé pour effectuer une opération en utilisant javascript alors que Submit est une sorte de bouton qui, par défaut, soumet le formulaire chaque fois que l'utilisateur clique sur le bouton submit.

IE 8 utilise en fait le premier bouton qu'il rencontre soumettre ou bouton. Au lieu d'indiquer facilement ce qui est souhaité en en faisant un type d'entrée=soumettre l'ordre sur la page est en fait significatif.

Il convient également de mentionner qu'une entrée nommée de type = "submit" sera également soumise avec les champs nommés de l'autre formulaire, tandis qu'une entrée nommée type="button" ne le sera pas.

Avec d'autres mots, dans l'exemple ci-dessous, l'entrée nomméename=button1 ne sera pas soumis pendant que l'entrée nomméename=submit1 est-ce que sera 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) qui traite l'action de la forme ci-dessus:

<?php var_dump($_POST); ?>

Testez le ci-dessus sur votre machine locale en créant les deux fichiers dans un dossier nommé / tmp / test / puis en exécutant le serveur web PHP intégré à partir de shell:

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

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

On se demande pourquoi devrions-nous soumettre un bouton nommé? Cela dépend du script back-end. Par exemple, le plugin Wordpress WooCommerce ne traitera pas une page de paiement affichée à moins que le bouton Place Order nommé ne soit également soumis. Si vous modifiez son type de soumettre à bouton, puis 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.

<input type="button"> peut être utilisé n'importe où, pas seulement dans le formulaire et ils ne soumettent pas le formulaire s'ils sont dans un. Beaucoup mieux adapté avec Javascript.

<input type="submit"> doit être utilisé dans les formulaires uniquement et ils enverront une requête (GET ou POST) à l'URL spécifiée. Ils devraient Pas être mis dans un endroit HTML.

W3C le préciser, sur la spécification sur L'élément de bouton

Button peut être considéré comme une classe générique pour tous les types de boutons Sans comportement par défaut.

W3C

type='Submit' est configuré pour transférer et obtenir les valeurs sur le BACK-END (PHP,. net etc.). {[1] } reflète le comportement normal du bouton.