LABEL - Formular Feldtitel

Das LABEL-Element verbindet einen Feldtitel mit einem Formular-Element. Durch das Verbinden eines Feldtitels mit einem Formular-Element, geben Autoren den Usern sprachlicher Browser wichtige Hinweise, zusätzlich gestatten sie visuellen Browsern das duplizieren gemeinsamer GUI-Features (z.B die Möglichkeit auf den Feldtitel zu klicken und so einen Radio-Button oder eine Checkbox auszuwählen).

Jedes LABEL-Element ist mit genau einem Formular-Element verbunden. Der Inhalt des Elements ist der Titel des Formular-Elements und kann Inline Elemente wie IMG und STRONG beinhalten.

Das FOR-Attribut legt genau das Element fest, das mit LABEL verbunden ist. Der Wert des FOR-Attributs muss mit dem Wert des ID-Attributs des vebundenen Element übereinstimmen. Fehlt das FOR-Attribut muss LABEL das verbundenen Formular-Element umschließen. Diese Methode der impliziten Assoziation ist in vielen Fällen passend, jedoch keine Option wenn das Formular-Element und sein Label in unterschiedlichen Tabellenzellen, Paragraphen oder Divisionen liegen. Das folgende Beispiel illustriert beide Assoziationen, die implizite und die explizite:

<TABLE>
  <TR>
    <TD>
      <LABEL FOR=user ACCESSKEY=U>User</LABEL>
    </TD>
    <TD>
      <SELECT NAME=user ID=user>
        <OPTION>Jean</OPTION>
        <OPTION>Kim</OPTION>
        <OPTION>Brian</OPTION>
      </SELECT>
    </TD>
  </TR>
  <TR>
    <TD><LABEL FOR=passwd ACCESSKEY=P>Password</LABEL></TD>
    <TD><INPUT TYPE=password NAME=password ID=passwd></TD>
  </TR>
</TABLE>
<P>
  <LABEL ACCESSKEY=S>
    <INPUT TYPE=checkbox NAME=save VALUE=yes>
    Save user name and password in a cookie
  </LABEL>
</P>
<P>
  <LABEL ACCESSKEY=C>
    Comments to post:
    <TEXTAREA NAME=comments ROWS=8 COLS=50></TEXTAREA>
  </LABEL>
</P>

Das ACCESSKEY-Attribut, was überall im vorherigen Beispiel verwendet wurde, legt ein Unicode-Zeichen als einen Verknüpfungsschlüssel fest um dem LABEL den Fokus zu übergeben, was wiederum den Fokus auf das verbundene Formular-Element überträgt. Entities (z.B. é) können als ACCESSKEY-Wert verwendet werden.

Das LABEL-Element nimmt ebenso eine weitere Anzahl von Attributen entgegen, die Client-seitige Scripting Actions für verschiedene Events spezifiziert. Zusätzlich zu den Kern-Events, wie die meisten Elemente auch, akzeptiert LABEL die folgenden Event-Attribute:

• ONFOCUS, wenn das Element den Fokus erhält;
• ONBLUR, wenn das Elemen den Fokus verliert.

Weitere Informationen

• LABEL in der W3C HTML 4.01 Spezifikation
• LABEL in Index DOT Html