Attribut formMethod du champ de saisie de soumission

Objet Input Submit DOM HTML

Définition et utilisation

formMethod Définir ou retourner la valeur de l'attribut formmethod du bouton de soumission.

L'attribut HTML formmethod définit la méthode HTTP utilisée pour envoyer les données du formulaire à l'URL d'action.

L'attribut formmethod surpasse celui de l'élément <form> Attribut method.

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

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

Remarques sur la méthode "get" :

  • Il ajoute les données du formulaire sous forme de paires nom/valeur à l'URL
  • C'est utile pour les soumissions de formulaires où l'utilisateur souhaite ajouter un favori aux résultats
  • La quantité de données que vous pouvez placer dans l'URL est limitée (différente selon les navigateurs), donc 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 apparaîtront dans la barre d'adresse du navigateur)

Remarques sur la méthode "post" :

  • Il envoie les données du formulaire sous forme de transaction HTTP post
  • Les formulaires soumis avec la méthode "post" ne peuvent pas être ajoutés aux favoris
  • Il est plus robuste et sécurisé que "get"
  • Il n'a pas de limite de capacité

Remarque :L'attribut formmethod est une nouvelle propriété de l'élément <input> avec type="submit" dans HTML5.

Voir également :

Manuel HTML :Attribut formmethod de <input> HTML

Exemple

Exemple 1

Déterminer la méthode HTTP utilisée pour soumettre le formulaire au serveur :

var x = document.getElementById("mySubmit").formMethod;

Essayez-le vous-même

Exemple 2

Modifier la méthode utilisée pour envoyer les données du formulaire :

document.getElementById("mySubmit").formMethod = "post";

Essayez-le vous-même

Syntaxe

Retournez l'attribut formMethod :

submitObject.formMethod

Définissez l'attribut formMethod :

submitObject.formMethod = get|post

Valeur de l'attribut

Valeur Description
get Défaut. Ajoutez les données du formulaire sous forme de paires nom/valeur à l'URL : URL?name=value&name=value.
post Envoyer les données du formulaire sous forme de transaction HTTP POST.

Détails techniques

Valeur de retour : Valeur de chaîne, indiquant la méthode HTTP utilisée pour soumettre le formulaire au serveur.

Support 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
Support 10.0 Support Support Support

Objet Input Submit DOM HTML