Exemple
Un formulaire HTML avec deux champs de saisie et un bouton d'envoi:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
Le <form> tag est utilisé pour créer un formulaire HTML pour l' entrée utilisateur.
Le <form> élément peut contenir un ou plusieurs des éléments de formulaire suivants:
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <form> | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
HTML5 a ajouté deux nouveaux attributs: autocomplete et novalidate , et removed l' accept attribut.
Différences entre HTML et XHTML
En XHTML, le name de l' attribut est obsolète. Utilisez l'attribut global id place.
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| accept | file_type | Non pris en charge en HTML5. Indique une liste séparée par des virgules des types de fichiers que le serveur accepte (qui peut être soumis par le téléchargement de fichiers) |
| accept-charset | character_set | Spécifie les codages de caractères qui doivent être utilisés pour la soumission du formulaire |
| action | URL | Indique où envoyer le formulaire de données quand un formulaire est soumis |
| autocomplete | on off | Indique si une forme doit avoir autocomplete ou désactiver |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Indique comment les form-data doivent être encodés lors de la présentation sur le serveur (uniquement pour method="post" ) |
| method | get post | Indique la méthode HTTP à utiliser lors de l'envoi form-data |
| name | text | Indique le nom d'un formulaire |
| novalidate | novalidate | Indique que la forme ne doit pas être validée lorsque soumis |
| target | _blank _self _parent _top | Indique où afficher la réponse reçue après la soumission du formulaire |
Attributs globaux
Le <form> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
Le <form> tag soutient également l' événement Attributs en HTML .
Essayez-le vous-même - Exemples
Formulaire avec des cases à cocher
Un formulaire avec deux cases, et un bouton de soumission.
Formulaire avec radiobuttons
Un formulaire avec deux boutons radio, et un bouton de soumission.
Pages associées
: Tutoriel HTML Formulaires et entrée HTML
Référence HTML DOM: Form Object
Tutoriel CSS: Styling Forms
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <form> élément avec les valeurs par défaut suivantes: