`<legend>` HTML-Feldsatz-Legendelement

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <legend> HTML-Element repräsentiert eine Beschriftung für den Inhalt des ü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 jeden im label-Attribut des <optgroup>-Elements gesetzten Text 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	Textinhalt und Überschriften (h1–h6 Elemente).
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
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)