Cascading Stylesheets – Zur Startseite Cascading Stylesheets Stil mit <Stil>

label ♦ ><label> ... </label> ♦ IE4+ M1 N6 O5+ ♦ HTML 4.0

Das <label>-Tag verknüpft Elemente innerhalb eines Formulars (wie z.B. ein input-Element) mit einem Text über das for-Attribut des <label>-Tags und das id-Attribut im Formularelement, die gleich sein müssen. Ein Element kann durchaus mehr als ein Label haben. Der Browser soll die Label durch eine besondere Darstellung hervorheben.

Dieses Tag ist eines von drei Tags in Version 4, die bei der Darstellung eines Formulars behilflich sein sollen. Die anderen beiden Tags sind <fieldset> und <legend>. Allerdings werden diese drei Tags von den meisten Browsern noch nicht verlässlich unterstützt.

Ein label-Element soll keine weiteren <label>-Tags enthalten.

Das schließende Tag ist erforderlich.

Kernattribute class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
accesskey Das Attribut accesskey bestimmt eine Taste auf der Tastatur, die beim Drücken zusammen mit der Alt-, Strg- oder Befehlstaste einen Link aktiviert. Das Attribut wird nicht zuverlässig unterstützt.
for Das Attribut for verbindet das <label>-Tag mit einem bestimmten Steuerelement des Formular. Es muss genau den gleichen Wert wie das id-Attribut des Steuerelements enthalten. Wenn das Steuerelement innerhalb der öffnenden und schließenden <label>-Tags gesetzt wird, werden das for- und das id-Attribut nicht gebraucht, da Steuerelement und Label direkt miteinander verknüpft sind.
onblur Das Attribut onblur initiiert die Ausführung eines JavaScripts, wenn ein Element den Fokus verliert (z.B. wenn die Maus in ein anderes Element geklickt wurde oder die Navigation mit der Tabulatortaste den Mauszeiger in ein anderes Element platziert).
onfocus Das Attribut onfocus erkennt, dass ein Element aktiviert wurde – in den Fokus kam – (zum Beispiel, wenn die Maus auf das Element geklickt wurde oder eine Navigation mit der Tabulatortaste den Mauszeiger auf das Element gesetzt hat), und initiiert ein JavaScript.

Beispiel

<form>
<fieldset> <legend> Bitte geben Sie Ihren 
        vollst&auml;ndigen Namen ein! </legend>
  <p><label for="Vorname">Vorname </label> 
  <input type="text" id="Vorname" name="text5"></p>
  <p><label for="Nachname">Nachname </label> 
  <input type="text" id="Nachname" name="text52"></p>
</fieldset> 
</form>

Darstellung

Bitte geben Sie Ihren vollständigen Namen ein!

↑

 

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen