Guide sur les formulaires HTML

  • Raccourci de la révision : HTML/Formulaires
  • Titre de la révision : Guide pour les formulaires HTML
  • ID de la révision : 387539
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

La traduction de ce guide est en cours de progression. N'hésitez pas à y prendre part !

Bienvenue dans le guide pour les formulaires HTML. Ce guide est une série d'articles qui vous aideront à maîtriser les formulaires HTML. Les formulaires HTML sont des outils très puissants pour intéragir avec un utilisateur ; toutefois, à cause de raisons historiques et techniques, il n'est pas forcément évident de savoir comment les utiliser de manière optimale. Nous allons aborder tous les aspects des formulaires HTML, de la structure à la décoration, de la gestion des données aux widgets sur-mesure. Vous allez apprécier les possibilités qui s'ouvrent à vous !

Articles

  1. Mon premier formulaire HTML
  2. Comment structurer un formulaire HTML
  3. Les blocs de formulaires natifs
  4. CSS et les formulaires HTML
    1. Apparence des formulaires HTML
    2. Apparence avancée des formulaires HTML
    3. Property compatibility table for form widgets
  5. Sending and retrieving form data
  6. Data form validation
  7. How to build custom form widgets
  8. Sending forms through JavaScript
    1. Using the FormData object
  9. HTML forms in legacy browsers

Documentation HTML

Éléments HTML

Élement Interface DOM liée Description
{{HTMLElement("button")}} {{domxref("HTMLButtonElement")}} L'élément button représente un bouton cliquable.
{{HTMLElement("datalist")}} {{domxref("HTMLDataListElement")}} L'élément datalist contient un ensemble d'éléments {{ HTMLElement("option") }} qui représentent les options possibles pour les valeur d'autres élément de formulaires.
{{HTMLElement("fieldset")}} {{domxref("HTMLFieldSetElement")}} L'élément fieldset est utiliser pour regrouper plusieurs éléments dans un formulaire.
{{HTMLElement("form")}} {{domxref("HTMLFormElement")}} L'élément form représente une section d'un document qui contient un élément interactif permettant à l'utilisateur d'envoyer des informations à un serveur web.
{{HTMLElement("input")}} {{domxref("HTMLInputElement")}} L'élément input est utilisé pour créer des contrôles interactifs dans des formulaires.
{{HTMLElement("keygen")}} {{domxref("HTMLKeygenElement")}} L'élément keygen existe pour faciliter la génération de clés, et de soumission de la clé publique comme partie d'un formulaire HTML.
{{HTMLElement("label")}} {{domxref("HTMLLabelElement")}} L'élément label représente la légende d'un élément dans une interface utilisateur.
{{HTMLElement("legend")}} {{domxref("HTMLLegendElement")}} L'élément legend représente une légende pour son {{ HTMLElement("fieldset") }} parent.
{{HTMLElement("meter")}} {{domxref("HTMLMeterElement")}} L'élément meter représente soit une valeur scalaire dans un intervalle connu ou une valeur fractionnelle..
{{HTMLElement("optgroup")}} {{domxref("HTMLOptGroupElement")}} L'élément optgroup créé un groupe d'options dans un élément {{ HTMLElement("select") }}.
{{HTMLElement("option")}} {{domxref("HTMLOptionElement")}} L'élément HTML option est utilisé pour créer un contrôle représentant un item dans un élément {{ HTMLElement("select") }}, un élément {{ HTMLElement("optgroup") }} ou un élément {{ HTMLElement("datalist") }}.
{{HTMLElement("output")}} {{domxref("HTMLOutputElement")}} L'élément output représente le résultat d'un calcul.
{{HTMLElement("progress")}} {{domxref("HTMLProgressElement")}} L'élément progress est utilisé pour visualiser l'état d'avancement d'une tâche.
{{HTMLElement("select")}} {{domxref("HTMLSelectElement")}} L'élément select représente un contrôle qui affiche un menu d'options.
{{HTMLElement("textarea")}} {{domxref("HTMLTextAreaElement")}} L'élément textarea représente un contrôle de modification de texte multiligne.

Note : tous les éléments de formulaires, tout comme tous les éléments HTML, supportent l'interface DOM {{domxref("HTMLElement")}}.

Attributs HTML

Nom de l'attribut Éléments Description
accept {{ HTMLElement("form") }}, {{ HTMLElement("input") }} Liste des types que le serveur accepte, généralement le type de fichier.
accept-charset {{ HTMLElement("form") }} Liste des jeux de caractères acceptés.
action {{ HTMLElement("form") }} L'URI d'un programme qui traite l'information soumise via un formulaire.
autocomplete {{ HTMLElement("form") }}, {{ HTMLElement("input") }} Indique si les valeurs dans les contrôles du formulaire peuvent être remplies automatiquement par le navigateur.
autofocus {{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} Les éléments doivent  avoir le focus automatiquement après que la page soit chargée.
challenge {{ HTMLElement("keygen") }} Une chaîne casse-tête qui est envoyée avec la clé publique.
checked {{ HTMLElement("input") }} Indique si un élément doit être coché au chargement de la page.
cols {{ HTMLElement("textarea") }} Définit le nombre de colonnes dans la zone de texte.
data {{ HTMLElement("object") }} Définit l'URL de la ressource.
dirname {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}  
disabled {{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} Indique si un utilisateur peur interagir avec l'élément.
enctype {{ HTMLElement("form") }} Définit le type de contenu de la date lorsque la method est POST.
for {{ HTMLElement("label") }}, {{ HTMLElement("output") }} Décrit les éléments qui appartiennent à celui-ci.
form {{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} Indique que le formulaire est le propriétaire de l'élément.
high {{ HTMLElement("meter") }} Indique la plus petite valeur de la borne supérieure acceptable.
keytype {{ HTMLElement("keygen") }} Définit le type de clé générée.
list {{ HTMLElement("input") }} Idetifie une liste d'options pré-définies d'options suggérée à l'utilisateur.
low {{ HTMLElement("meter") }} Indique la borne supérieure de la limite inférieure.
max {{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }} Indique la valeur maximale acceptée.
maxlength {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} Définit le nombre de caractères acceptés dans un élément.
method {{ HTMLElement("form") }} Définit quelle méthode HTTP doit être utilisée lors de l'envoi du formulaire. Cela peut être GET (par défaut) ou POST.
min {{ HTMLElement("input") }}, {{ HTMLElement("meter") }} Indique la valeur minimale acceptée.
multiple {{ HTMLElement("input") }}, {{ HTMLElement("select") }} Indique si plusieurs valeurs peuvent être indiquées dans un champ de type email ou file.
name {{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} Nom de l'élément. Est par exemple utilisé par le serveur pour identifier les champs dans les formulaires soumis.
novalidate {{ HTMLElement("form") }} Cet attribut indique que le formulaire ne doit pas être validé lorsqu'il est soumis.
optimum {{ HTMLElement("meter") }} Indique la valeur numérique optimale.
pattern {{ HTMLElement("input") }} Définit une expression régulière qui sert de référence pour valider la valeur de l'élément.
placeholder {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} Donne une indication à l'utilisateur sur ce qui peut être entré dans le champ.
readonly {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} Indique si l'élément peut être édité.
required {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} Indique si l'élément doit être renseigné ou non.
rows {{ HTMLElement("textarea") }} Définit le nombre de rangs dans une zone de texte.
selected {{ HTMLElement("option") }} Définit quelle valeur doit être sélectionnée au chargement de la page.
size {{ HTMLElement("input") }}, {{ HTMLElement("select") }} Définit la largeur de l'élément (en pixels). Si l'attribut type de l'élément est text ou password alors c'est le nombre de caractères.
src {{ HTMLElement("input") }} L'URL du contenu à insérer.
step {{ HTMLElement("input") }}  
target {{ HTMLElement("form") }}  
type {{ HTMLElement("button") }}, {{ HTMLElement("input") }} Définit le type de l'élément.
usemap {{ HTMLElement("input") }}  
value {{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }} Définit une valeur par défaut qui est celle affichée au chargement de la page.
wrap {{ HTMLElement("textarea") }} Indique si le texte peut dépasser du champ ou non.

Référence normative

Source de la révision

<div class="warning">
  <p>La traduction de ce guide est en cours de progression. N'hésitez pas à y prendre part !</p>
</div>
<p>Bienvenue dans le guide pour les formulaires HTML. Ce guide est une série d'articles qui vous aideront à maîtriser les formulaires HTML. Les formulaires HTML sont des outils très puissants pour intéragir avec un utilisateur ; toutefois, à cause de raisons historiques et techniques, il n'est pas forcément évident de savoir comment les utiliser de manière optimale. Nous allons aborder tous les aspects des formulaires HTML, de la structure à la décoration, de la gestion des données aux widgets sur-mesure. Vous allez apprécier les possibilités qui s'ouvrent à vous !</p>
<h2 id="Articles">Articles</h2>
<ol>
  <li><a href="/fr/docs/HTML/Formulaires/Mon_premier_formulaire_HTML" title="/en-US/docs/HTML/Forms/My_first_HTML_form">Mon premier formulaire HTML</a></li>
  <li><a href="/fr/docs/HTML/Formulaires/Comment_structurer_un_formulaire_HTML" title="/fr/docs/HTML/Formulaires/Comment_structurer_un_formulaire_HTML"><span>Comment structurer un formulaire HTML</span></a></li>
  <li><a href="/fr/docs/HTML/Formulaires/Les_blocs_de_formulaires_natifs" title="/fr/docs/HTML/Formulaires/Les_blocs_de_formulaires_natifs"><span>Les blocs de formulaires natifs</span></a></li>
  <li>CSS et les formulaires HTML
    <ol>
      <li><a href="/fr/docs/HTML/Formulaires/Apparence_des_formulaires_HTML" title="/fr/docs/HTML/Formulaires/Apparence_des_formulaires_HTML"><span>Apparence des formulaires HTML</span></a></li>
      <li><a href="/fr/docs/HTML/Formulaires/Apparence_avancée_des_formulaires_HTML" title="/fr/docs/HTML/Formulaires/Apparence_avancée_des_formulaires_HTML">Apparence avancée des formulaires HTML</a></li>
      <li><a href="/en-US/docs/Property_compatibility_table_for_form_widgets" title="/en-US/docs/Property_compatibility_table_for_form_widgets">Property compatibility table for form widgets</a></li>
    </ol>
  </li>
  <li><a href="/en-US/docs/HTML/Forms/Sending_and_retrieving_form_data" title="/en-US/docs/HTML/Forms/Sending_and_retrieving_form_data"><span>Sending and retrieving form data</span></a></li>
  <li><a href="/en-US/docs/HTML/Forms/Data_form_validation" title="/en-US/docs/HTML/Forms/Data_form_validation">Data form validation</a></li>
  <li><a href="/en-US/docs/HTML/Forms/How_to_build_custom_form_widgets" title="/en-US/docs/HTML/Forms/How_to_build_custom_form_widgets">How to <span>build custom form widgets</span></a></li>
  <li><a href="/en-US/docs/HTML/Forms/Sending_forms_through_JavaScript" title="/en-US/docs/HTML/Forms/Sending_forms_through_JavaScript">Sending forms through JavaScript</a>
    <ol>
      <li><a href="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects">Using the FormData object</a></li>
    </ol>
  </li>
  <li><a href="/en-US/docs/HTML/Forms/HTML_forms_in_legacy_browsers" title="/en-US/docs/HTML/Forms/HTML_forms_in_legacy_browsers">HTML forms in legacy browsers</a></li>
</ol>
<h2 id="Documentation_HTML">Documentation HTML</h2>
<h3 id=".C3.89l.C3.A9ments_HTML">Éléments HTML</h3>
<table>
  <thead>
    <tr>
      <th scope="col">Élement</th>
      <th scope="col">Interface DOM liée</th>
      <th scope="col">Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("button")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLButtonElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>button</code> représente un bouton cliquable.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("datalist")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLDataListElement")}}</td>
      <td style="vertical-align: top;">L'élément <span style="font-family: Courier New;">datalist</span> contient un ensemble d'éléments {{ HTMLElement("option") }} qui représentent les options possibles pour les valeur d'autres élément de formulaires.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("fieldset")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLFieldSetElement")}}</td>
      <td style="vertical-align: top;">L'élément <span style="font-family: Courier New;">fieldset</span> est utiliser pour regrouper plusieurs éléments dans un formulaire.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("form")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLFormElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>form</code> représente une section d'un document qui contient un élément interactif permettant à l'utilisateur d'envoyer des informations à un serveur web.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("input")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLInputElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>input</code> est utilisé pour créer des contrôles interactifs dans des formulaires.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("keygen")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLKeygenElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>keygen</code> existe pour faciliter la génération de clés, et de soumission de la clé publique comme partie d'un formulaire HTML.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("label")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLLabelElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>label</code> représente la légende d'un élément dans une interface utilisateur.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("legend")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLLegendElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>legend</code> représente une légende pour son {{ HTMLElement("fieldset") }} parent.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("meter")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLMeterElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>meter</code> représente soit une valeur scalaire dans un intervalle connu ou une valeur fractionnelle..</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("optgroup")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLOptGroupElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>optgroup</code> créé un groupe d'options dans un élément {{ HTMLElement("select") }}.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("option")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLOptionElement")}}</td>
      <td style="vertical-align: top;">L'élément HTML<em> </em><code>option<em> </em></code>est utilisé pour créer un contrôle représentant un item dans un élément {{ HTMLElement("select") }}, un élément {{ HTMLElement("optgroup") }} ou un élément {{ HTMLElement("datalist") }}.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("output")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLOutputElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>output</code> représente le résultat d'un calcul.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("progress")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLProgressElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>progress</code> est utilisé pour visualiser l'état d'avancement d'une tâche.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("select")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLSelectElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>select</code> représente un contrôle qui affiche un menu d'options.</td>
    </tr>
    <tr>
      <td style="vertical-align: top;">{{HTMLElement("textarea")}}</td>
      <td style="vertical-align: top;">{{domxref("HTMLTextAreaElement")}}</td>
      <td style="vertical-align: top;">L'élément <code>textarea</code> représente un contrôle de modification de texte multiligne.</td>
    </tr>
  </tbody>
</table>
<div class="note">
  <p><strong>Note :</strong> tous les éléments de formulaires, tout comme tous les éléments HTML, supportent l'interface DOM {{domxref("HTMLElement")}}.</p>
</div>
<h3 id="Attributs_HTML">Attributs HTML</h3>
<table class="standard-table">
  <thead>
    <tr>
      <th>Nom de l'attribut</th>
      <th>Éléments</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>accept</td>
      <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
      <td>Liste des types que le serveur accepte, généralement le type de fichier.</td>
    </tr>
    <tr>
      <td style="white-space: nowrap;">accept-charset</td>
      <td>{{ HTMLElement("form") }}</td>
      <td>Liste des jeux de caractères acceptés.</td>
    </tr>
    <tr>
      <td>action</td>
      <td>{{ HTMLElement("form") }}</td>
      <td>L'URI d'un programme qui traite l'information soumise via un formulaire.</td>
    </tr>
    <tr>
      <td>autocomplete</td>
      <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
      <td>Indique si les valeurs dans les contrôles du formulaire peuvent être remplies automatiquement par le navigateur.</td>
    </tr>
    <tr>
      <td>autofocus</td>
      <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
      <td>Les éléments doivent&nbsp; avoir le focus automatiquement après que la page soit chargée.</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>challenge</td>
      <td>{{ HTMLElement("keygen") }}</td>
      <td>Une chaîne casse-tête qui est envoyée avec la clé publique.</td>
    </tr>
    <tr>
      <td>checked</td>
      <td>{{ HTMLElement("input") }}</td>
      <td>Indique si un élément doit être coché au chargement de la page.</td>
    </tr>
    <tr>
      <td>cols</td>
      <td>{{ HTMLElement("textarea") }}</td>
      <td>Définit le nombre de colonnes dans la zone de texte.</td>
    </tr>
    <tr>
      <td>data</td>
      <td>{{ HTMLElement("object") }}</td>
      <td>Définit l'URL de la ressource.</td>
    </tr>
    <tr>
      <td>dirname</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>disabled</td>
      <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
      <td>Indique si un utilisateur peur interagir avec l'élément.</td>
    </tr>
    <tr>
      <td>enctype</td>
      <td>{{ HTMLElement("form") }}</td>
      <td>Définit le type de contenu de la date lorsque la <code>method</code> est POST.</td>
    </tr>
    <tr>
      <td>for</td>
      <td>{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td>
      <td>Décrit les éléments qui appartiennent à celui-ci.</td>
    </tr>
    <tr>
      <td>form</td>
      <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
      <td>Indique que le formulaire est le propriétaire de l'élément.</td>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>high</td>
      <td>{{ HTMLElement("meter") }}</td>
      <td>Indique la plus petite valeur de la borne supérieure acceptable.</td>
    </tr>
    <tr>
      <td>keytype</td>
      <td>{{ HTMLElement("keygen") }}</td>
      <td>Définit le type de clé générée.</td>
    </tr>
    <tr>
      <td>list</td>
      <td>{{ HTMLElement("input") }}</td>
      <td>Idetifie une liste d'options pré-définies d'options suggérée à l'utilisateur.</td>
    </tr>
    <tr>
      <td>low</td>
      <td>{{ HTMLElement("meter") }}</td>
      <td>Indique la borne supérieure de la limite inférieure.</td>
    </tr>
    <tr>
      <td>max</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td>
      <td>Indique la valeur maximale acceptée.</td>
    </tr>
    <tr>
      <td>maxlength</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
      <td>Définit le nombre de caractères acceptés dans un élément.</td>
    </tr>
    <tr>
      <td>method</td>
      <td>{{ HTMLElement("form") }}</td>
      <td>Définit quelle méthode HTTP doit être utilisée lors de l'envoi du formulaire. Cela peut être GET (par défaut) ou POST.</td>
    </tr>
    <tr>
      <td>min</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}</td>
      <td>Indique la valeur minimale acceptée.</td>
    </tr>
    <tr>
      <td>multiple</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
      <td>Indique si plusieurs valeurs peuvent être indiquées dans un champ de type <code>email</code> ou <code>file</code>.</td>
    </tr>
    <tr>
      <td>name</td>
      <td>{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
      <td>Nom de l'élément. Est par exemple utilisé par le serveur pour identifier les champs dans les formulaires soumis.</td>
    </tr>
    <tr>
      <td>novalidate</td>
      <td>{{ HTMLElement("form") }}</td>
      <td>Cet attribut indique que le formulaire ne doit pas être validé lorsqu'il est soumis.</td>
    </tr>
    <tr>
      <td>optimum</td>
      <td>{{ HTMLElement("meter") }}</td>
      <td>Indique la valeur numérique optimale.</td>
    </tr>
    <tr>
      <td>pattern</td>
      <td>{{ HTMLElement("input") }}</td>
      <td>Définit une expression régulière qui sert de référence pour valider la valeur de l'élément.</td>
    </tr>
    <tr>
      <td>placeholder</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
      <td>Donne une indication à l'utilisateur sur ce qui peut être entré dans le champ.</td>
    </tr>
    <tr>
      <td>readonly</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
      <td>Indique si l'élément peut être édité.</td>
    </tr>
    <tr>
      <td>required</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
      <td>Indique si l'élément doit être renseigné ou non.</td>
    </tr>
    <tr>
      <td>rows</td>
      <td>{{ HTMLElement("textarea") }}</td>
      <td>Définit le nombre de rangs dans une zone de texte.</td>
    </tr>
    <tr>
      <td>selected</td>
      <td>{{ HTMLElement("option") }}</td>
      <td>Définit quelle valeur doit être sélectionnée au chargement de la page.</td>
    </tr>
    <tr>
      <td>size</td>
      <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
      <td>Définit la largeur de l'élément (en pixels). Si l'attribut <code>type</code> de l'élément est <code>text</code> ou <code>password</code> alors c'est le nombre de caractères.</td>
    </tr>
    <tr>
      <td>src</td>
      <td>{{ HTMLElement("input") }}</td>
      <td>L'URL du contenu à insérer.</td>
    </tr>
    <tr>
      <td>step</td>
      <td>{{ HTMLElement("input") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>target</td>
      <td>{{ HTMLElement("form") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>type</td>
      <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}</td>
      <td>Définit le type de l'élément.</td>
    </tr>
    <tr>
      <td>usemap</td>
      <td>{{ HTMLElement("input") }}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>value</td>
      <td>{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td>
      <td>Définit une valeur par défaut qui est celle affichée au chargement de la page.</td>
    </tr>
    <tr>
      <td>wrap</td>
      <td>{{ HTMLElement("textarea") }}</td>
      <td>Indique si le texte peut dépasser du champ ou non.</td>
    </tr>
  </tbody>
</table>
<h3 id="R.C3.A9f.C3.A9rence_normative">Référence normative</h3>
<ul>
  <li><a href="http://www.w3.org/TR/html5/forms.html" lang="en" rel="external" title="http://www.w3.org/TR/html5/forms.html">W3C HTML5 Specification (Formulaires)</a> (en anglais)</li>
  <li><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#forms" rel="external" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#forms">WHATWG HTML Living Standard (Formulaires)</a> (en anglais)</li>
</ul>
Revenir à cette révision