<legend>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

L'élément HTML <legend> représente une légende pour le contenu de son élément parent <fieldset>.

Exemple interactif

<fieldset>
  <legend>Choose your favorite monster</legend>

  <input type="radio" id="kraken" name="monster" value="K" />
  <label for="kraken">Kraken</label><br />

  <input type="radio" id="sasquatch" name="monster" value="S" />
  <label for="sasquatch">Sasquatch</label><br />

  <input type="radio" id="mothman" name="monster" value="M" />
  <label for="mothman">Mothman</label>
</fieldset>

legend {
  background-color: #000;
  color: #fff;
  padding: 3px 6px;
}

input {
  margin: 0.4rem;
}

Attributs

Cet élément contient uniquement les attributs universels.

Exemples

HTML

html
<form action="" method="post">
  <fieldset>
    <legend>Un champ pour le choix de la radio</legend>
    <input type="radio" name="radio" id="radio" />
    <label for="radio">Cliquez ici</label>
  </fieldset>
</form>

Résultat

Note : Voir la page sur <form> pour d'autres exemples qui utilisent <legend>.

Résumé technique

Catégories de contenu Aucune.
Contenu autorisé Contenu phrasé.
Omission de balises Aucune, la balise ouvrante et la balise fermante doivent être présentes.
Parents autorisés Un élément <fieldset> dont le premier élément fils est cet élément <legend>.
Rôles ARIA autorisés Aucun.
Interface DOM HTMLLegendElement

Spécifications

Specification
HTML
# the-legend-element

Compatibilité des navigateurs

Voir aussi