Зачем нужны атрибуты for для меток форм?

Question

Зачем нужны атрибуты for для меток форм?Я никогда не использовал их

Answer 1

Основным преимуществом является то, что нажатие на метку с атрибутом «for» автоматически фокусируется на этом элементе формы.Таким образом, метка для поля ввода будет связана с этим полем ввода, а нажатие на метку автоматически фокусирует ввод.

Answer 2

При использовании с переключателями позволяет щелкнуть метку и выбрать переключатель:

http://jsfiddle.net/DLL73/

обратите внимание, что нажатие на ONE ничего не делает, потому что оно не использует for атрибут, но нажатие на ДВА выбирает эту кнопку-переключатель.

Answer 3

@ Ответ ChristopherArmstrong технически верен, но хорошая причина в том, что этим помогают люди, которые испытывают затруднения при правильном наведении (пожилые пользователи, люди с ограниченными возможностями и т. Д.). Это позволяет им получить курсор «примерно вправо» и все еще приземлиться в правильном поле.

Answer 4

Это свяжет метку с полем формы.Это особенно полезно для переключателей, так что вы можете щелкнуть ярлык, чтобы выбрать кнопку, а не только крошечную кнопку.

Однако вам не нужно использовать для этого атрибут for.также можно поместить переключатель внутри метки:

<label>
  <input type="radio" name="selection" value="yes" />
  Certainly
</label>

Обычно я также размещаю тег span вокруг текста, чтобы его можно было легко стилизовать с помощью CSS.