Tag <legend>

Tag <legend>

Definition

Status: Aktueller Standard

Das Tag <legend> steht für legend (Beschriftung).

Das <legend>-Element ist ein strukturelles Formularelement in HTML. Es dient dazu, eine Beschriftung (Titel) für ein <fieldset>-Element bereitzustellen und damit zusammengehörige Formularfelder semantisch zu gruppieren. Es funktioniert ausschließlich als direktes erstes Kindelement eines <fieldset>-Tags. Pro <fieldset> ist nur genau ein <legend> erlaubt. Ohne <legend> wissen sehbehinderte Nutzer bei Radio-Buttons oft nicht, wozu die Auswahl gehört (z.B. "Ja/Nein" ohne die Frage "Newsletter abonnieren?"). Die <legend> stellt diesen Bezug sicher.

Syntax

<legend>...</legend>

Attribute bzw. Unterelemente

for

Verbindet das Label mit der id eines Formular-Elements.

form

Falls außerhalb des <form>-Tags Zuordung zum Formular

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <legend> - ---

Der Code:

<form>
<fieldset>
  <legend>Deine Kontaktdaten</legend>

  <label for="name">Name:</label>
  <input type="text" id="name" name="user_name">

  <label for="mail">E-Mail:</label>
  <input type="email" id="mail" name="user_mail">
</fieldset>
</form>

Ergebnis:

Ergebnis: <legend>-Demo 1
---