<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
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