--- title: slug: Web/HTML/Element/Legend tags: - Element - Formulaires - HTML - Reference - Web translation_of: Web/HTML/Element/legend --- {{HTMLRef}} L'élément HTML <legend> représente une légende pour le contenu de son élément parent {{HTMLElement("fieldset")}}. {{EmbedInteractiveExample("pages/tabbed/legend.html", "tabbed-standard")}} 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 ! 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 {{EmbedLiveSample("Exemples","100%","100%")}} Note : Voir la page sur {{HTMLElement("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 {{HTMLElement("fieldset")}} dont le premier élément fils est cet élément <legend>. Rôles ARIA autorisés Aucun. Interface DOM {{domxref("HTMLLegendElement")}} Spécifications Spécification État Commentaires {{SpecName("HTML WHATWG", "forms.html#the-legend-element", "<legend>")}} {{Spec2("HTML WHATWG")}} Définition de l'élément legend. {{SpecName("HTML5 W3C", "forms.html#the-legend-element", "<legend>")}} {{Spec2("HTML5 W3C")}} {{SpecName("HTML4.01", "interact/forms.html#h-17.10", "<legend>")}} {{Spec2("HTML4.01")}} 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. {{Compat("html.elements.legend")}} Voir aussi Les autres éléments relatifs aux formulaires : {{HTMLElement("form")}}, {{HTMLElement("option")}}, {{HTMLElement("label")}}, {{HTMLElement("button")}}, {{HTMLElement("select")}}, {{HTMLElement("datalist")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("textarea")}}, {{HTMLElement("keygen")}}, {{HTMLElement("input")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}} et {{HTMLElement("meter")}}. ARIA : le rôle form
L'élément HTML <legend> représente une légende pour le contenu de son élément parent {{HTMLElement("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 !
Cet élément contient uniquement les attributs universels.
<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>
{{EmbedLiveSample("Exemples","100%","100%")}}
Note : Voir la page sur {{HTMLElement("form")}} pour d'autres exemples qui utilisent <legend>.
<legend>
legend
{{Compat("html.elements.legend")}}
form