Довідники 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
Коментарі
Додати коментар

Поки що коментарів немає