<legend>: Das Field Set Legend-Element
Das <legend> HTML-Element repräsentiert eine Beschriftung für den Inhalt seines übergeordneten <fieldset>.
In anpassbaren <select>-Elementen ist das <legend>-Element als Kind von <optgroup> erlaubt, um ein leicht anvisierbares und stilisierbares Label bereitzustellen. Dies ersetzt jeglichen Text, der im label-Attribut des <optgroup>-Elements gesetzt 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: #000;
color: #fff;
padding: 3px 6px;
}
input {
margin: 0.4rem;
}
Attribute
Dieses Element enthält nur die globalen Attribute.
Beispiele
Siehe <form> für Beispiele zu <legend>.
Technische Zusammenfassung
| Inhaltskategorien | Keine. |
|---|---|
| Zulässiger Inhalt | Satzinhalt und Überschriften (h1–h6-Elemente). |
| Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind obligatorisch. |
| Zulässige 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 |
| Zulässige ARIA-Rollen | Keine role erlaubt |
| DOM-Schnittstelle | [`HTMLLegendElement`](/de/docs/Web/API/HTMLLegendElement) |