HTML <form> Tag
Exemple
Un formulaire HTML avec deux champs de saisie et un bouton de soumission :
<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 :</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Soumettre">
</form> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
La <form> balise est utilisée pour créer un formulaire HTML permettant la saisie utilisateur.
L'élément <form> peut contenir un ou plusieurs des éléments de formulaire suivants :
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <form> | Oui | Oui | Oui | Oui | Oui |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| accept-charset | character_set | Spécifie les encodages de caractères à utiliser pour la soumission du formulaire |
| action | URL | Spécifie où envoyer les données du formulaire lors de la soumission |
| autocomplete | on off | Indique si l'autocomplétion doit être activée ou désactivée pour le formulaire |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Indique comment les données du formulaire doivent être encodées lors de leur soumission au serveur (uniquement pour method="post") |
| method | dialog get post | Indique la méthode HTTP à utiliser lors de l'envoi des données du formulaire |
| name | text | Indique le nom d'un formulaire |
| novalidate | novalidate | Indique que le formulaire ne doit pas être validé lors de la soumission |
| rel | external help license next nofollow noopener noreferrer opener prev search | Indique la relation entre une ressource liée et le document actuel |
| target | _blank _self _parent _top | Indique où afficher la réponse reçue après la soumission du formulaire |
Attributs Globaux
La <form> balise prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La <form> balise prend également en charge les Attributs d'Événement en HTML .
Plus d'Exemples
Exemple
Un formulaire HTML avec des cases à cocher :
<form action="/action_page.php" method="get">
<input type="checkbox" name="vehicle1" value="Bike">
<label for="vehicle1"> J'ai un vélo</label><br>
<input type="checkbox" name="vehicle2" value="Car">
<label for="vehicle2"> J'ai une voiture</label><br>
<input type="checkbox" name="vehicle3" value="Boat" checked>
<label for="vehicle3"> J'ai un bateau</label><br><br>
<input type="submit" value="Soumettre">
</form> Exemple
Un formulaire HTML avec des boutons radio :
<form action="/action_page.php" method="get">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Soumettre">
</form> Pages Associées
Tutoriel HTML : Formulaires HTML et Saisie
Référence DOM HTML : Objet Formulaire
Tutoriel CSS : Styliser les Formulaires
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <form> avec les valeurs par défaut suivantes :
Exemple
form {
display: block;
margin-top: 0em;
}