Das Tag <legend> definiert die Kopfzeile von Formelementen, die durch das Tag <fieldset> gruppiert werden. Die Elementengruppe der Form wird im Browser mit einem Rahmen hervorgehoben und der Inhalt des Tages <legend> wird in diesem Rahmen platziert.

Syntax

Das Tag <legend> wird gepaart verwendet, sein Inhalt wird in den Start- (<legend>) und Endtags (</legend>) platziert. In der Regel wird das Tag <legend> als erstes Element im Elternelement <fieldset> eingegeben.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <form>
      <fieldset>
        <legend>Personbezogene Angaben:</legend>
        Name: <input type="text"><br/><br/>
        E-Mail: <input type="text"><br/><br/>
        Geburtsdatum: <input type="text"><br/><br/>
        Geburtsort: <input type="text">
      </fieldset>
    </form>
  </body>
</html>

Ergebnis

legend beispiel

Attribute

Attribut Wert Beschreibung
align top
bottom
left
right
Es definiert die Ausrichtung der Kopfzeile.
Es wird in HTML5 nicht mehr verwendet.

Das Tag <legend> unterschtützt Globale Attribute und Globale Eventhandler.

Browser-Support

chrome edge firefox safari opera

Übe dein Wissen

Was bedeutet der HTML-Tag <legend> und wie wird er angewendet?
Finden Sie das nützlich?