Элементы <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="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>
С одним и тем же элементом могут быть связаны несколько меток.
В следующем примере элементы управления описаны непосредственно в телах меток:
<FORM action="..." method="post">
<LABEL>
Имя
<INPUT type="text" name="firstname">
</LABEL>
<LABEL>
<INPUT type="text" name="lastname">
Фамилия
</LABEL>
</FORM>