Für Formularelfelder wie z.B. einer Auswahlliste oder einem Button, welche über das Element <input> erstellt werden können, gibt es keine logische Beschriftungsmöglichkeit. Zwar kann man einen Text vor ein solches Element (wie z.B. "Ihr Vorname:"), allerdings ist ein solcher Text lediglich normaler HTML-Text, der keinen definierten Bezug zu dem Element hat. Mit Hilfe von Labels kann man einen solchen logischen Bezug zwischen Formularelement und Beschriftungstext herstellen.
In den meisten modernen Browsers, wird dann z.B. beim Klick auf das Label, automatisch das entsprechende <input> Feld fokusiert.
Syntax:
Beispiel:
Attribut | Wert | Beschreibung |
---|---|---|
dir="[1]"
|
[1]:
ltr | rtl
|
Spezifiziert die Richtung des Textes. Mögliche Werte sind: LTR: Left-to-right text - RTL: Right-to-left text. |
accesskey="[1]"
|
[1]:
Shortcut
|
Mit diesem Attribut kann man Zeichen auf der Tastatur bestimmen, mit welchen der Verweis direkt anspringbar wird. |
class="[1]"
|
[1]:
Kategoriename
|
Ordnet einem Element einen Kategorienamen zu. Jedes Element im entsprechenden Dokument kann den gleichen Kategorienamen besitzen. Mehrfache Kategorienamen müssen durch Leerzeichen getrennt werden. |
id="[1]"
|
[1]:
ID
|
Ordnet einem Element einen Namen zu. Dieser Name muss im entsprechenden Dokument einzigartig sein. |
lang="[1]"
|
[1]:
Wert
|
Gibt die Sprache der Attributwerte eines Elements und des Textinhalts an. Der Standard-Wert des Attributes ist vom Browser abhängig. |
onblur="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Verlassen bzw. Deaktivieren des jeweiligen Elements aus. |
onclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Anklicken des jeweiligen Elements aus. |
ondblclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Doppelklicken auf das jeweilige Element aus. |
onfocus="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Aktivieren des jeweiligen Elements aus. |
onkeydown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim drücken einer festgelegten Taste aus. |
onkeypress="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn eine festgelegte Tast gedrückt und gehalten wird. |
onkeyup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion, beim Loslassen einer festgelegten Taste, aus. |
onmousedown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender das Element anklickt und gedrückt hält. |
onmousemove="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus bewegt wird. |
onmouseout="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus das Element verlässt. Achtung: Kein Klick notwendig! |
onmouseover="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Überfahren des Elements mit der Maus aus. |
onmouseup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender ein Element anklickt und „loslässt“. |
style="[1]"
|
[1]:
Stylewerte
|
Spezifiziert die Style Informationen für das entsprechende Element. |
title="[1]"
|
[1]:
Titeldefinition
|
Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben. |
for="[1]"
|
[1]:
ID
|
Definiert die ID des Elements, zu welchem das Label (...) zugehörig ist. |
Fachbeitrag: Hilfreiche Tools zur Webentwicklung