L'élément HTML <legend> représente une légende pour le contenu de son élément parent <fieldset>.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
| 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 |
Attributs
Cet élément contient uniquement les attributs universels.
Exemples
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>.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML Living Standard La définition de '<legend>' dans cette spécification. |
Standard évolutif | Définition de l'élément legend. |
| HTML5 La définition de '<legend>' dans cette spécification. |
Recommendation | |
| HTML 4.01 Specification La définition de '<legend>' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Support simple | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 1 | IE Support complet 6 | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet 4 | Opera Android ? | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet
- Compatibilité inconnue
- Compatibilité inconnue
Voir aussi
- Les autres éléments relatifs aux formulaires :
<form>,<option>,<label>,<button>,<select>,<datalist>,<optgroup>,<fieldset>,<textarea>,<keygen>,<input>,<output>,<progress>et<meter>. - ARIA : le rôle
form