L'élément HTML<form> représente un formulaire, c'est-à-dire une section d'un document qui contient des contrôles interactifs permettant à un utilisateur de fournir des informations.

Exemple interactif

<form action="" method="get">  <div>    <label for="name">Enter your name: </label>    <input type="text" name="name" required />  </div>  <div>    <label for="email">Enter your email: </label>    <input type="email" name="email" required />  </div>  <div>    <input type="submit" value="Subscribe!" />  </div></form>

form.form-example {  display: table;}div.form-example {  display: table-row;}label,input {  display: table-cell;  margin-bottom: 10px;}label {  padding-right: 10px;}

Il est possible d'utiliser les pseudo-classes CSS:valid et:invalid pour mettre en forme un élément<form> selon que le contenu des éléments du formulaire est valide ou non.

Attributs

Cet élément prend en chargeles attributs universels.

acceptObsolète

Cet attribut indique quels types de contenus sont acceptés par le serveur. Il peut y en avoir plusieurs, séparés par des virgules.

Note :Cet attribut a été retiré dans HTML5 et ne doit plus être utilisé. À la place, il faut utiliser l'attributaccept de l'élément<input type=file>.

accept-charset

Encodages de caractères séparés par des espaces que le serveur accepte. Le navigateur les utilise dans l'ordre dans lequel ils sont listés. La valeur par défaut signifiele même encodage que celui de la page.(Dans les versions précédentes de HTML, les codages de caractères pouvaient également être délimités par des virgules).

autocapitalizeNon standard

Cet attribut est un attribut non-standard utilisé sur iOS par Safari Mobile qui contrôle la façon dont la valeur du texte est automatiquement transcrite en majuscules lors de la saisie par l'utilisateur. Si l'attributautocapitalize est défini sur un des descendants du formulaire, il surchargera la valeur deautocapitalize utilisée pour le formulaire. Les valeurs non-dépréciées sont disponibles pour iOS 5 et supérieurs. La valeur par défaut estsentences. Les valeurs possibles sont:

• none : La mise en majuscules est totalement désactivée
• sentences : Les premières lettres des phrases sont automatiquement passées en majuscules.
• words : La première lettre de chaque mot est automatiquement passée en majuscule.
• characters : Tous les caractères sont automatiquement passés en majuscules.

autocomplete

Cet attribut énuméré est utilisé pour définir le comportement du navigateur quant à l'autocomplétion des champs. Cet attribut peut être surchargé par chacun des éléments du formulaire. Il peut prendre deux valeurs :

• off : Le navigateur ne peut pas compléter automatiquement les entrées. (Les navigateurs ont tendance à ignorer ce point pour les formulaires de connexion suspects ; voirL'attribut autocomplete et les champs de connexion.)
• on : Le navigateur peut compléter automatiquement les entrées.

name

Le nom du formulaire. Il doit être unique parmi tous les formulaires d'un document, et ne doit pas être une chaîne de caractères vide.

rel

Crée un hyperlien ou une annotation en fonction de la valeur, voir l'attributrel pour plus de détails.

Attributs pour l'envoi de formulaires

Les attributs suivants contrôlent le comportement pendant l'envoi du formulaire.

action

L'URL qui traite l'envoi du formulaire. Cette valeur peut être remplacée par un attributformaction sur un<button>,<input type="submit">, ou<input type="image">.

enctype

Lorsque la valeur de l'attributmethod estpost, cet attribut définit letype MIME qui sera utilisé pour encoder les données envoyées au serveur. C'est un attribut énuméré qui peut prendre les valeurs suivantes :

• application/x-www-form-urlencoded : la valeur par défaut si l'attribut n'est pas défini
• multipart/form-data : la valeur utilisée par un élément<input> avec l'attributtype="file".
• text/plain, correspondant autype MIME éponyme et utilisé à des fins de débogage.

Cette valeur peut être remplacée par un attributformenctype sur un<button>,<input type="submit">, ou<input type="image">.

method

Cet attribut définit la méthodeHTTP qui sera utilisée pour envoyer les données au serveur. C'est un attribut énuméré qui peut prendre les valeurs suivantes :

• post : La méthodePOST ; données du formulaire envoyées commecorps de la requête.
• get : La méthodeGET ; données du formulaire annexées à l'URLaction avec un séparateur?. Utilisez cette méthode lorsque le formulairen'a pas d'effets secondaires.
• dialog : Lorsque le formulaire se trouve à l'intérieur d'un<dialog>, ferme la boîte de dialogue à la soumission.

Si cet attribut n'est pas défini, la valeur par défaut utilisée estget. Cette valeur peut-être remplacée par un attributformmethod sur un<button>,<input type="submit">, ou<input type="image">.

novalidate

Cet attribut booléen indique si le formulaire doit être validé au moment de sa soumission. S'il n'est pas défini, le formulaire sera validé lors de sa soumission. Il peut être surchargé par l'attributformnovalidate des éléments<button> ou<input> appartenant au formulaire.

target

Un nom ou un mot-clé indiquant où afficher la réponse après avoir envoyé le formulaire. Dans HTML 4, c'est le nom, ou le mot-clé, d'une frame. Dans HTML5, c'est le nom, ou le mot-clé, d'uncontexte de navigation (onglet, fenêtre, frame). Les mots-clés suivants ont un sens particulier :

• _self (par défaut) : Charger dans le même contexte de navigation que le contexte actuel.
• _blank: Chargement dans un nouveau contexte de navigation sans nom.
• _parent: Charge dans le contexte de navigation parent de celui en cours. S'il n'y a pas de parent, se comporte de la même manière que_self.
• _top: Charger dans le contexte de navigation de niveau supérieur (c'est-à-dire le contexte de navigation qui est un ancêtre du contexte actuel et qui n'a pas de parent). S'il n'y a pas de parent, se comporte de la même manière que_self.

Cette valeur peut être remplacée par un attributformtarget sur un<button>,<input type="submit">, ou<input type="image">.

Note :La définition detarget="_blank" sur les éléments<form> fournit implicitement le même comportementrel que la définition derel="noopener" qui ne définit paswindow.opener.

Exemples

HTML

<!-- Formulaire simple qui enverra une requête GET --><form>  <label    >Nom :    <input name="submitted-name" autocomplete="name" />  </label>  <button>Sauvegarder</button></form><!-- Formulaire qui enverra une requête POST à l'URL actuelle --><form method="post">  <label    >Nom :    <input name="submitted-name" autocomplete="name" />  </label>  <button>Sauvegarder</button></form><!-- Formulaire avec un ensemble de champs, une légende et une étiquette --><form method="post">  <fieldset>    <legend>Titre</legend>    <label><input type="radio" name="radio" />Sélectionnez-moi</label>  </fieldset></form>

Résultat

Spécifications

Compatibilité des navigateurs

Voir aussi

• [Guide des formulaires HTML](/fr/docs//Learn_web_development/Extensions/Forms)
• D'autres éléments qui sont utilisés lors de la création de formulaires :<button>,<datalist>,<fieldset>,<input>,<label>,<legend>,<meter>,<optgroup>,<option>,<output>,<progress>,<select>,<textarea>.
• Obtenir une liste des éléments du formulaire :HTMLFormElement.elements
• ARIA : rôleform
• ARIA : rôlesearch