Attribut HTML <bouton> formmethod

❮ Balise HTML <bouton>

Exemple

Un formulaire avec deux boutons de soumission. Le premier bouton de soumission soumet les données du formulaire avec method="get", et le second soumet les données du formulaire avec method="post":

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">Submit</button>
  <button type="submit" formmethod="post">Submit using POST</button>
</form>

Définition et utilisation

L' formmethodattribut spécifie la méthode HTTP à utiliser lors de l'envoi des données de formulaire. Cet attribut remplace l'attribut du formulaire method.

L' formmethodattribut n'est utilisé que pour les boutons avec type="submit".

Les données de formulaire peuvent être envoyées sous forme de variables URL (avec method="get") ou sous forme de message HTTP (avec method="post").

Remarques sur la méthode "get":

  • il ajoute les données de formulaire à l'URL dans des paires nom/valeur
  • il est utile pour les soumissions de formulaires où un utilisateur souhaite mettre le résultat en signet
  • Il y a une limite à la quantité de données que vous pouvez placer dans une URL (varie selon les navigateurs), par conséquent, vous ne pouvez pas être sûr que toutes les données de formulaire seront correctement transférées
  • N'utilisez jamais la méthode "get" pour transmettre des informations sensibles ! (le mot de passe ou d'autres informations sensibles seront visibles dans la barre d'adresse du navigateur)

Notes sur la méthode "post":

  • il envoie les données de formulaire en tant que transaction post HTTP
  • Les soumissions de formulaire avec la méthode "post" ne peuvent pas être mises en signet
  • c'est plus robuste et sécurisé que "get"
  • il n'a pas de limites de taille

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.

Attribute
formmethod 9.0 10.0 4.0 5.1 15.0

Syntaxe

<button type="submit" formmethod="get|post">

Valeurs d'attribut

Value Description
get Appends the form-data to the URL: URL?name=value&name=value
post Sends the form-data as an HTTP post transaction

❮ Balise HTML <bouton>