Тег label
Описание | Открывающий и закрывающий теги label связывают выбранный элемент формы с текстом, а также назначают элементам формы горячие клавиши. Это бывает очень полезно при проекторовании веб-интерфейсов. |
---|---|
Синтаксис |
<form> <input id="идентификатор"> <label for="идентификатор"> Текст </label> </form> |
Атрибуты |
for Задает идентификатор тега input, с которым будет ассоциироваться текст контейнера label. accesskey Задает горячие клавиши элементам формы. |
Пример |
<form> <input type="checkbox">Чекбокс 1 <input type="checkbox" id="c1"> <label for="c1"> Чекбокс 2 </label> <!-- благодаря атрибуту accesskey="c" данный чекбокс можно выделить, нажав Alt+c к сожалению accesskey не работает в браузерах Firefox и Opera --> <input type="checkbox" id="c2"> <label for="c2" accesskey="c"> Чекбокс 3 </label> </form> Обратите внимание, чтобы выбрать чекбокс 2, можно щелкнуть по слову "чекбокс". А чтобы выбрать чекбокс 3, достаточно нажать "Alt+c". ![]() (откроется в новом окне) |
Частые ошибки | |
Примечания | Атрибут accesskey не работает в браузерах Firefox и Opera. |