Attribut formmethod de HTML <button>
Définition et utilisation
formmethod L'attribut détermine la méthode HTTP utilisée pour envoyer les données du formulaire. Cet attribut surcharge l'attribut method du formulaire.
formmethod L'attribut est utilisé uniquement pour type="submit" bouton.
Les données du formulaire peuvent être envoyées en tant que variables URL (en utilisant method="get") ou envoyé en tant que HTTP post (en utilisant method="post")
Remarques sur la méthode "get":
- Il joint les données du formulaire sous forme de paires nom/valeur à l'URL
- C'est très utile pour les soumissions de formulaires où l'utilisateur souhaite ajouter les résultats à ses favoris
- La quantité de données pouvant être placée dans l'URL est limitée (peut varier d'un navigateur à l'autre), par conséquent, il n'est pas possible de garantir que toutes les données du formulaire puissent être transmises correctement.
- Ne jamais utiliser la méthode "get" pour transmettre des informations sensibles ! (Les mots de passe ou d'autres informations sensibles apparaîtront dans l'adresse de la barre de navigation du navigateur)
Remarques sur la méthode "post":
- Il envoie les données du formulaire sous forme de transaction HTTP POST
- Les formulaires soumis en utilisant la méthode "post" ne peuvent pas être sauvegardés sous forme de favori
- Compared to the "get" method, the "post" method is more robust and secure
- Il n'a pas de limite de taille
Exemple
Formulaire avec deux boutons de soumission. Le premier bouton de soumission soumet les données du formulaire en utilisant method="get", et le deuxième bouton de soumission soumet les données du formulaire en utilisant 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>
Syntaxe
<button type="submit" formmethod="get|post">
Valeur de l'attribut
| Valeur | Description |
|---|---|
| get | Ajouter les données du formulaire à l'URL :URL?name=value&name=value. |
| post | Envoyer les données du formulaire sous forme de transaction HTTP POST. |
Prise en charge du navigateur
Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
Remarque :formmethod Les attributs sont de nouvelles attributs dans HTML 5.
