HTML/Elemente/label
Aus SELFHTML-Wiki
Das label-Element stellt eine Beschriftung für Formularelemente dar.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
Elementen mit phrasing content - erlaubte Inhalte
-
- Text
- beliebig viele Elemente mit phrasing content
- aber nur ein beschreibbares Element.
- aber nicht label
Beispiel
<form id="gewinnen">
<h2>Ausfüllen und Gewinnen!</h2>
<fieldset>
<legend>Name</legend>
<label for="vorname">Vorname: </label>
<input name="vorname" id="vorname">
<label for="familienname">Familienname: </label>
<input name="familienname" id="familienname">
</fieldset>
<fieldset>
<legend>Geschlecht</legend>
<label for="männl">
<input type="radio" name="geschlecht" id="männl" value="männl"> männlich
</label>
<label for="weibl">
<input type="radio" name="geschlecht" id="weibl" value="weibl"> weiblich
</label>
<label for="divers">
<input type="radio" name="geschlecht" id="divers" value="divers"> divers
</label>
<label for="nichtangegeben">
<input type="radio" name="geschlecht" id="nichtangegeben" value="nichtangegeben"> keine Angabe
</label>
</fieldset>
</form>
Beachten Sie: label-Elemente sind für die Zugänglichkeit und Barrierefreiheit unbedingt notwendig.
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
Universalattribute | |||
id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
accesskey | ID | Tastaturkürzel | |
contenteditable | CDATA | editierbarer Inhalt | |
contextmenu | definiert Kontextmenü | ||
dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
draggable | ID | kann mit Drag & Drop gezogen werden | |
dropzone | CDATA | Aktion bei Ablegen | |
hidden | versteckter Inhalt | ||
lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
spellcheck | ID | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
style | CDATA | notiert direkt in einem Element- style sheet data | |
tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
title | CDATA | betitelt oder beschreibt ein Element. | |
for | IDREF | bestimmt die ID eines Input-Elements, im gleichen Dokument wie dieses Element, mit dem es im Zusammenhang steht. Das erste Input-Element im Dokument mit dieser ID, dass dem Wert dieses Attributes entspricht, steht im Zusammenhang mit diesem Element. | |
form | CDATA | bestimmt das Form-Element, welches diesem Element, als Besitzer, zugeordnet ist. Der Wert des Attributes muss die ID des Form-Elements innerhalb des selben Dokumentes sein. Wenn diese Attribut nicht angegeben ist, muss dieses Element durch das Form-Element eingeschlossen werden. Dieses Attribut ermöglicht es, dieses Element an einer beliebigen Stelle innerhalb des Dokumentes einzufügen, ohne das es von dem Form-Element eingeschlossen wird. |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
Weblinks
- Spezifikation (W3C): The label-Element
Es ist mit fieldset-Elementen in zwei Blöcke gegliedert, die jede eine Erklärung in einem legend-Element haben.