<legend>: Das Feldsatz-Legenden-Element

Baseline Widely available

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

Das <legend>-HTML-Element stellt eine Beschriftung für den Inhalt seines übergeordneten <fieldset> dar.

In anpassbaren <select>-Elementen ist das <legend>-Element als Kind von <optgroup> erlaubt, um ein leicht anzusprechendes und zu stylendes Label bereitzustellen. Dies ersetzt jeglichen Text, der im label-Attribut des <optgroup>-Elements festgelegt ist, und hat dieselbe Semantik.

Probieren Sie es aus

<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: black; color: white; padding: 3px 6px; } input { margin: 0.4rem; }

Inhaltskategorien	Keine.
Erlaubter Inhalt	Phrasing content und Überschriften (h1–h6 Elemente).
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind erforderlich.
Erlaubte Eltern	Ein `<fieldset>`, dessen erstes Kind dieses `<legend>`-Element ist. In anpassbaren Select-Elementen ist ein `<legend>`-Element als Kind von `<optgroup>` erlaubt.
Implizite ARIA-Rolle	Keine entsprechende Rolle
Erlaubte ARIA-Rollen	Keine `role` erlaubt
DOM-Schnittstelle	[`HTMLLegendElement`](/de/docs/Web/API/HTMLLegendElement)