Formulaire de saisie HTML * Attributs
Ce chapitre décrit les différents form*attributs de l' <input>élément HTML.
L'attribut de formulaire
formL' attribut input spécifie la forme <input>à laquelle appartient l'élément.
La valeur de cet attribut doit être égale à l'attribut id de l'élément <form> auquel il appartient.
Exemple
Un champ de saisie situé en dehors du formulaire HTML (mais faisant toujours partie du formulaire) :
<form action="/action_page.php" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last
name:</label>
<input type="text" id="lname"
name="lname" form="form1">
L'attribut formaction
L'attribut input formactionspécifie l'URL du fichier qui traitera l'entrée lors de la soumission du formulaire.
Remarque : Cet attribut remplace l'
actionattribut de l' <form>élément.
L' formactionattribut fonctionne avec les types d'entrée suivants : submit et image.
Exemple
Un formulaire HTML avec deux boutons d'envoi, avec différentes actions :
<form action="/action_page.php">
<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>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
L'attribut formenctype
L'attribut input formenctype spécifie comment les données du formulaire doivent être encodées lors de la soumission (uniquement pour les formulaires avec method="post").
Remarque : Cet attribut remplace l'attribut enctype de l' <form>élément.
L' formenctypeattribut fonctionne avec les types d'entrée suivants : submit et image.
Exemple
Un formulaire avec deux boutons de soumission. Le premier envoie les données de formulaire avec l'encodage par défaut, le second envoie les données de formulaire encodées en tant que "multipart/form-data":
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
L'attribut formmethod
L'attribut input formmethod définit la méthode HTTP pour envoyer les données de formulaire à l'URL de l'action.
Remarque : Cet attribut remplace l'attribut method de l' <form>élément.
L' formmethodattribut fonctionne avec les types d'entrée suivants : submit et image.
Les données de formulaire peuvent être envoyées sous forme de variables d'URL (method="get") ou sous forme de transaction HTTP post (method="post").
Remarques sur la méthode "get":
- Cette méthode ajoute les données de formulaire à l'URL dans des paires nom/valeur
- Cette méthode 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":
- Cette méthode 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
- La méthode "post" est plus robuste et sécurisée que "get", et "post" n'a pas de limites de taille
Exemple
Un formulaire avec deux boutons de soumission. Le premier envoie les données du formulaire avec method="get". Le second envoie le formulaire-données 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>
<input type="submit" value="Submit using
GET">
<input type="submit" formmethod="post" value="Submit using
POST">
</form>
L'attribut formtarget
L'attribut d'entrée formtargetspécifie un nom ou un mot clé qui indique où afficher la réponse reçue après la soumission du formulaire.
Remarque : Cet attribut remplace l'attribut cible de l' <form>élément.
L' formtargetattribut fonctionne avec les types d'entrée suivants : submit et image.
Exemple
Un formulaire avec deux boutons de soumission, avec différentes fenêtres cibles :
<form action="/action_page.php">
<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>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
L'attribut formnovvalidate
L'attribut input formnovalidatespécifie qu'un élément <input> ne doit pas être validé lorsqu'il est soumis.
Remarque : Cet attribut remplace l'attribut novalidate de l' <form>
élément.
L' formnovalidateattribut fonctionne avec les types d'entrée suivants : submit.
Exemple
Un formulaire avec deux boutons de soumission (avec et sans validation) :
<form action="/action_page.php">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
L'attribut novalidate
L' novalidateattribut est un <form>attribut.
Lorsqu'il est présent, novalidate spécifie que toutes les données du formulaire ne doivent pas être validées lorsqu'elles sont soumises.
Exemple
Spécifiez qu'aucune donnée de formulaire ne doit être validée lors de l'envoi :
<form action="/action_page.php" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
Formulaire HTML et éléments d'entrée
| Tag | Description |
|---|---|
| <form> | Defines an HTML form for user input |
| <input> | Defines an input control |
Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .