Элементы <LABEL>


Элемент используется для задания метки, которая связывается с другим существующим элементом.

Атрибуты

Значения

for IDREF
disabled (disabled)
accesskey CDATA
onfocus %Script
onblur %Script


Требуются как открывающий, так и закрывающий ярлыки.
for = control-name
Этот атрибут содержит имя элемента, с которым связана метка. Имя элемента должно совпадать с именем, указанным в атрибуте id того элемента, которому соответствует данная метка. Если атрибут for не задан, то метка связывается с содержимым, расположенным внутри данного элемента <label>.
Прочие атрибуты:
* id, class;
* lang, dir;
* title;
* style;
* accesskey;
* tabindex;
* onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Метка может содержать дополнительную информацию об элементах управления. Броузер может воспроизводить метки разными способами: визуально, при помощи речевого синтезатора и т.п. Если фокус переводится на метку, то он автоматически переводится на связанный с меткой элемент управления.
Пример:


<FORM action="..." method="post">
<TABLE>
<TR>
<TD><LABEL for="fname">Фамилия:</LABEL>
<TD><INPUT type="text" name="firstname" id="fname">
<TR>
<TD><LABEL for="lname">Имя:</LABEL>
<TD><INPUT type="text" name="lastname" id="lname">
</TABLE>
</FORM>


Пример:
<FORM action="http://somesite.com/prog/adduser" method="post">
<P>
<LABEL for="firstname">Имя: </LABEL>
<INPUT type="text" id="firstname"><BR>
<LABEL for="lastname">Фамилия:</LABEL>
<INPUT type="text" id="lastname"><BR>
<LABEL for="email"> email: </LABEL>
<INPUT type="text" id="email"><BR>
<INPUT type="radio" name="sex" value="Male"> M<BR>
<INPUT type="radio" name="sexs" valuе="fameli">Ж<BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</FORM>




M
M

С одним и тем же элементом могут быть связаны несколько меток.
В следующем примере элементы управления описаны непосредственно в телах меток:

<FORM action="..." method="post">
<LABEL>
Имя
<INPUT type="text" name="firstname">
</LABEL>
<LABEL>
<INPUT type="text" name="lastname">
Фамилия
</LABEL>
</FORM>






<<пред. страница

Оглавление

след. страница >>


Hosted by uCoz