Syntax | <LABEL>...</LABEL> |
---|---|
Attribut-Spezifikationen |
|
Inhalte | Inline Elemente außer LABEL |
Beinhaltet in | Block-Level Elemente, Inline Elemente außer BUTTON |
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: