<fieldset>

L'élément HTML <fieldset> est utilisé afin de regrouper plusieurs contrôles interactifs ainsi que des étiquettes (<label>) dans un formulaire web.

Catégories de contenu Contenu de flux, racine de sectionnement, contenu énuméré, élément relatif aux formulaires, contenu tangible.
Contenu autorisé Un éventuel élément <legend> suivi par du contenu de flux.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Éléments parents autorisés Tout élément qui accepte du contenu de flux.
Interface DOM HTMLFieldSetElement

Attributs

Cet élément prend en charge les attributs universels.

disabled HTML5
Si cet attribut booléen est utilisé, les contrôles de formulaires des éléments descendants sont désactivés (ils ne peuvent pas être édités) à l'exception de ceux qui descendent du premier élément <legend>. Ces contrôles ne recevront pas les évènements liés à la navigations (tels que ceux liés aux clics ou au focus). La plupart du temps, ces contrôles désactivés apparaissent comme grisés.
form HTML5
La valeur de cet attribut correspond à la valeur de l'attribut id de l'élément <form> auquel il est rattaché. La valeur par défaut est l'identifiant du plus proche élément <form> dont l'élément <fieldset> est le descendant.
name HTML5
Le nom associé au groupe.
L'étiquette du groupe de contrôle est donné par le premier élément enfant <legend> du <fieldset>.

Exemples

HTML

<form action="test.php" method="post">
  <fieldset>
    <legend>Titre</legend>
    <input type="radio" name="radio" id="radio"> <label for="radio">Cliquez moi</label>
  </fieldset>
</form>

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<fieldset>' dans cette spécification.
Standard évolutif Définition de l'élément fieldset.
WHATWG HTML Living Standard Standard évolutif Suggestion de l'affichage par défaut pour les éléments fieldset et legend.
HTML5
La définition de '<fieldset>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<fieldset>' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) 1.0 (1.7 ou moins) (Oui) (Oui) (Oui)
Attribut disabled (Oui) (Oui) (Oui)[1] 12 6
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) 1.0 (1.0) (Oui) (Oui) (Oui)
Attribut disabled 4.4 ? ? ? 6.0

[1] Tous les contrôles qui descendent d'un fieldset désactivé ne sont pas correctement désactivés dans IE 11. Cf. bug 817488: input[type="file"] not disabled inside disabled fieldset et bug 962368: Can still edit input[type="text"] within fieldset[disabled].

Bugs

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight, marie-ototoi, tregagnon, ethertank, teoli
 Dernière mise à jour par : SphinxKnight,