Manuel de référence HTML

Tous les balises HTML

HTML: <button> attribut formmethod

Cet article présente l'utilisation de l'attribut formmethod du bouton HTML, des exemples en ligne montrent comment utiliser l'attribut formmethod du bouton HTML, la compatibilité du navigateur, la définition syntaxique et les détails des valeurs des attributs, etc.

　HTML <button> balise

Exemple en ligne

Formulaire avec deux boutons de soumission. Le premier bouton de soumission soumet les données du formulaire en utilisant method ="get", le deuxième bouton de soumission soumet les données du formulaire en utilisant method =" post":

Exemple

!DOCTYPE html
<html>
<head>
<title>HTML:<button> attribut formmethod　-　Réseau de tutos de base　oldtoolbag.com</title>
<body>
<form action="action_page.php" method="get">
　　Prénom: <input type="text" name="fname"><br>
　　Nom: <input type="text" name="lname"><br>
　　<button type="submit">Soumission par défaut en mode get</button>
　　<button type="submit" formmethod="post">Soumission en mode post</button>
</form>
</body>
</html>

Voyons voir ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome et Safari prennent en charge l'attribut formmethod.

Attention:Internet Explorer 9 et les versions d'IE plus anciennes ne prennent pas en charge l'attribut formmethod.

Définition et utilisation

L'attribut formmethod spécifie la méthode HTTP à utiliser lors de l'envoi des données du formulaire. Cet attribut couvre le 　method 　Attribut.
L'attribut formmethod n'est utilisé que pour les boutons de type "submit".
Les données du formulaire peuvent être envoyées en tant que variables de l'URL (en utilisant method = "get") ou en tant que HTTP post (en utilisant method = "post").
Remarques sur la méthode "GET":

Il traite les données du formulaire en nom/Ajouter la forme valeur à la forme valeur à l'URL
Très utile pour les soumissions de formulaires où l'utilisateur souhaite ajouter le résultat comme favori
Combien de données vous pouvez placer dans l'URL est limité（différents navigateurs peuvent varier），par conséquent, vous ne pouvez pas être sûr que toutes les données du formulaire seront correctement transmises
Ne jamais utiliser la méthode "get" pour transmettre des informations sensibles！（Les mots de passe ou autres informations sensibles seront affichés dans la barre d'adresse du navigateur）

Remarque sur la méthode "post":

Il envoie les données du formulaire sous forme de transaction HTTP post
Le soumission du formulaire avec la méthode "post" ne peut pas être ajouté comme favori
Il est plus robuste et sécurisé que "get"
Il n'a pas de limite de taille

HTML 4.01 par rapport à HTML5différences

L'attribut formmethod est HTML 5 nouvel attribut.

Syntaxe

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

Valeur de l'attribut

Valeur	Description
get	Ajouter des données du formulaire à l'URL（form-data）：URL?name=value&name=value
post	Envoyer les données du formulaire sous forme de transaction HTTP post（form-data）

　HTML <button> balise

HTML: <template> balise