<legend>
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 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
Chargement…
Voir aussi
- Les autres éléments relatifs aux formulaires :
<form>,<option>,<label>,<button>,<select>,<datalist>,<optgroup>,<fieldset>,<textarea>,<input>,<output>,<progress>et<meter>. - ARIA : le rôle
form