Que signifie l'attribut type avec la valeur submit en HTML?

L'attribut type="submit" dans l'élément HTML <button> ou <input> détermine que cet élément est destiné à soumettre le formulaire. En cliquant sur le bouton avec cet attribut, le navigateur collecte les données de tous les éléments du formulaire auquel le bouton appartient et les envoie à l'URL spécifiée dans l'attribut action de la balise <form> (ou à l'URL courante si action n'est pas spécifié).

Comment cela fonctionne :

• À l'intérieur de <form> : Le bouton avec type="submit" est automatiquement associé au formulaire parent le plus proche. Cliquer dessus initie le processus standard d'envoi du formulaire via la méthode HTTP spécifiée dans l'attribut method (par défaut GET).
• Hors <form> : Un bouton avec type="submit" en dehors d'un formulaire n'a pas de fonctionnalité d'envoi automatique. Il peut être utilisé avec JavaScript pour envoyer manuellement le formulaire ou effectuer d'autres actions.

Exemple d'utilisation :

<form action="/submit-handler" method="POST">
  <label for="username">Nom d'utilisateur :</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Mot de passe :</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Envoyer le formulaire</button>
</form>

Dans cet exemple, en cliquant sur le bouton "Envoyer le formulaire", le navigateur enverra les données des champs username et password à l'URL /submit-handler en utilisant POST.

Comparaison avec type="button" :

Attribut	Fonctionnalité	Envoi automatique du formulaire	Utilisation avec JS
type="submit"	Envoi du formulaire	Oui	Oui
type="button"	Bouton arbitraire, non lié à l'envoi	Non	Oui