Тег LABEL

  Парный строчный тег LABEL предназначен для того, чтобы установить в HTML-документе метку, то есть связать определенный контент с элементом какого либо тега.
  Такой контент помещается в элемент тега LABEL и размещается им на Web-странице.
  При активации этого контента (например курсором мышки), активируется поле связанного с ним элемента (например будет "нажата" соответствующая "кнопка" или установлен "флажок"), и, если необходимо, происходит скроллинг Web-страницы до этого поля.

  Связь элементов с меткой производится либо с помощью атрибута FOR тега LABEL, либо размещением этих элементов в элементе тега LABEL.

  Элемент тега LABEL также можно логически связать с элементом тега FORM.
  Такая связь производится либо размещением элемента тега LABEL в элемент тега FORM, либо с помощью соответствующих атрибутов этих тегов.
  И в этом случае, элемент интерфейса, созданный тегом LABEL, становится элементом формы данных.
  Однако он не формирует ни какого значения для формы. Связанные с ним элементы не будут автоматически связаны с формой, если элемент тега LABEL не размещён в элементе тега FORM, а они, в свою очередь, на размещены в элементе тега LABEL. Но связывать элемент тега LABEL с формой может быть удобно для работы скриптов.
  Теги, элементы которых можно связать с элементом тега LABEL:
  Каждый элемент перечисленных тегов может быть связан с несколькими элементами тега LABEL.
  Атрибуты:
  ACCESSKEY - Устанавливает возможность получить фокус ввода для контента элемента тега LABEL не только мышкой, но и с помощью некоторой комбинации клавиш клавиатуры.
  Получение фокуса ввода устанавливает элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы.
  • Значение:

    • Латинская буква или цифра.
        К примеру комбинации клавиш для активации контента буквой "C":
      • Internet Explorer - Alt + C
      • Chrome - Alt + C
      • Opera - Shift + Esc + C
      • Safari - Alt + C
      • Firefox - Shift + Alt + C

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  FOR - Устанавливает связь элемента тега LABEL с элементом "помечаемого" тега когда элемент этого тега располагается за пределами элемента тега LABEL.

  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут необязательный.
  FORM - Устанавливает связь метки с формой, когда элемент тега LABEL располагается за пределами элемента тега FORM.
  Значение должно совпадать со значением атрибута ID соответствующего элемента тега FORM.
  Атрибут FORM перестал поддерживаться в HTML5.

Пример:
<FORM NAME="xx7" ACTION="../content/input.htm" ENCTYPE="text/plain" METHOD="get">
    <INPUT TYPE="radio" NAME="Поросенок" VALUE="С хреном" ID="label1">С хреном
    <INPUT TYPE="radio" NAME="Поросенок" VALUE="С корочкой" ID="label1">С корочкой
    <INPUT TYPE="radio" NAME="Поросенок" VALUE="С Анфисой Прокопьевной" ID="label1">С Анфисой Прокопьевной
    <BR><INPUT TYPE="checkbox" NAME="Пристав" VALUE="С водкой" ID="label2">С водкой
    <INPUT TYPE="checkbox" NAME="Пристав" VALUE="С пивом" ID="label2">С пивом
    <INPUT TYPE="checkbox" NAME="Пристав" VALUE="С Анфисой Прокопьевной" ID="label2"> С Анфисой Прокопьевной
    <BR><INPUT TYPE="reset" NAME="Нафиг" VALUE="А ну их нафиг" ID="label3">
</FORM>
<BR>Изволите откушать поросенка? - <LABEL FOR="label1">Да</LABEL>
<BR>Или пригласить пристава? - <LABEL FOR="label2">Да</LABEL>
<BR>Или ну их - <LABEL FOR="label3">нафиг?</LABEL>
Результат:
С хреном С корочкой С Анфисой Прокопьевной
С водкой С пивом С Анфисой Прокопьевной

Изволите откушать поросенка? -
Или пригласить пристава? -
Или ну их -