17. Формы

17.9 Метки (Label)

Некоторые управления формы автоматически имеют метки, связанные с ними (нажимные кнопки), в то же время у большинства их нет (текстовые поля, флажки, селективные кнопки и меню).

Для таких управлений, которые имеют неявные метки, устройству вывода следует использовать значение атрибута value, как строку метки.

Элемент LABEL используется для определения меток управлений, которые не имеют неявных меток.

17.9.1 Элемент LABEL

<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text -->
<!ATTLIST LABEL
  %attrs;                              -- %coreattrs, %i18n, %events --
  for         IDREF          #IMPLIED  -- matches field ID value --
  accesskey   %Character;    #IMPLIED  -- accessibility key character --
  onfocus     %Script;       #IMPLIED  -- the element got the focus --
  onblur      %Script;       #IMPLIED  -- the element lost the focus --
  >

Начальный тег: обязательный, конечный тег: обязательный

Определение атрибутов

for = idref [CS]

Этот атрибут явно связан с меткой, определенной другим управлением. Когда присутствует, то значение этого атрибута должно быть одинаковым со значением атрибута id другого управления в том же документе. Когда отсутствует, то определенная метка связана с содержанием элемента.

Атрибуты, определенные в другом месте

• id, class
• lang, dir
• title
• style
• accesskey
• onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Элемент LABEL может использоваться для прикрепления информации к управлению. Каждый элемент LABEL связан только с одним управлением формы.

Атрибут for связан с меткой другого управления явно: значение атрибута for должно быть таким же, как значение атрибута id для связанного элемента управления. С одинаковым управлением может быть связано больше одного элемента LABEL с помощью создания множественных ссылок через атрибут for.

Следующий пример создает таблицу, которая используется для выравнивания управлений ввода текста и их связанных меток. Каждая метка связана явно с одним вводом текста:

<FORM action="..." method="post">
<TABLE>
  <TR>
    <TD><LABEL for="fname">First Name</LABEL>
    <TD><INPUT type="text" name="firstname" id="fname">
  <TR>
    <TD><LABEL for="lname">Last Name</LABEL>
    <TD><INPUT type="text" name="lastname" id="lname">
</TABLE>
</FORM>

Этот пример расширяет предыдущий пример формы включением элемента LABEL.

 <FORM action="http://somesite.com/prog/adduser" method="post">
    <P>
    <LABEL for="firstname">First name: </LABEL>
              <INPUT type="text" id="firstname"><BR>
    <LABEL for="lastname">Last name: </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"> Male<BR>
    <INPUT type="radio" name="sex" value="Female"> Female<BR>
    <INPUT type="submit" value="Send"> <INPUT type="reset">
    </P>
 </FORM>

Для связывания метки с другим управлением неявно, элемент управления должен быть внутри контекста элемента LABEL. В этом случае LABEL может только содержать один элемент управления. Метка сама может позиционироваться перед и после связанного управления.

В этом примере мы неявно связываем две метки с двумя управлениями ввода текста:

<FORM action="..." method="post">
<P>
<LABEL>
   First Name
   <INPUT type="text" name="firstname">
</LABEL>
<LABEL>
   <INPUT type="text" name="lastname">
   Last Name
</LABEL>
</P>
</FORM>

Обратите внимание, что эта методика не может использоваться тогда, когда таблица используется для разметки, с меткой в одной ячейке и связанным управлением с ней в другой ячейке.

Когда элемент LABEL получает фокус, он передает фокус на связанное с ним управление. Смотрите раздел ниже по ключам доступа для ознакомления с примерами.

Метки могут визуализироваться устройствами вывода несколькими способами (например, визуально, чтение синтезатором речи и т.д.)