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
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
✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
Was bedeutet der HTML-Tag <legend> und wie wird er angewendet?
Richtig!
Falsch!