Справочники HTML5 label

Что такое label в HTML5?

HTML тег <label> является надписью для какого-либо поля, созданного при помощи тегов: input, textarea или же select. В общем-то тег действует для всех полей из формы. Требует закрывающий тег </label>.

Такой тег необходим не только для разметки полей, указания их названий и описания, но также для быстрого доступа к ним. К примеру, вы можете указать атрибут for для тега </label> и при нажатии на текст поле будет становиться активным для записи в него. Также можно установить горячие клавиши, по нажатию на которые вы будете активировать какое-либо поле.

Атрибуты:
  • for - в качестве значения устанавливается id поля, к которому label принадлежит;
  • accesskey - устанавливает горячую клавишу для поля.
Пример:
<label for="search" accesskey="s">Поиск</label>
<input type="text" id="search" placeholder="Поиск..">
Доступ по гарячим клавишам осуществляется в разных браузерах по разному:
  • Explorer: Alt + S 
  • Google Chrome: Alt + S 
  • Opera: Shift + Esc, S 
  • Safari: Alt + S 
  • Mozilla Firefox: Shift + Alt + S
Комментарии
Добавить комментарий

Пока комментариев нет