HTML <button> attribut formmethod

❮ balise HTML <button>

Exemple

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

<form action="/action_page.php" method="get">
<label for="fname">Prénom :</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Nom de famille :</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit">Soumettre</button>
<button type="submit" formmethod="post">Soumettre avec POST</button>
</form>
Essayez-le vous-même »

Définition et utilisation

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

L'attribut formmethod est uniquement utilisé pour les boutons de type="submit" .

Les données du formulaire peuvent être envoyées en tant que variables d'URL (avec method="get" ) ou en tant que post HTTP (avec method="post" ).

Remarques sur la méthode "get" :

  • elle ajoute les données du formulaire à l'URL sous forme de paires nom/valeur
  • elle est utile pour les soumissions de formulaires où un utilisateur souhaite mettre en signet le résultat
  • Il y a une limite à la quantité de données que vous pouvez placer dans une URL (varie selon les navigateurs), donc vous ne pouvez pas être sûr que toutes les données du 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)

Remarques sur la méthode "post" :

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

Support des navigateurs

Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'attribut.

Attribut
formmethod 9.0 10.0 4.0 5.1 15.0

Syntaxe

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

Valeurs des attributs

Valeur Description
get Ajoute les données du formulaire à l'URL : URL?name=value&name=value
post Envoie les données du formulaire en tant que transaction HTTP post
❮ balise HTML <button>