Подтвердить что ты не робот

Зачем использовать ключевое слово "для" для привязки метки в HTML?

Возможный дубликат:
Что такое атрибут For для HTML-тега?

Я пытался это выяснить. В чем причина использования "for =" при использовании метки в HTML?

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

Если это необходимо, существует ли какой-то эквивалент в HTML 5 или он то же самое?

4b9b3361

Ответ 1

Делает щелчок на ярлыке фокусом входного элемента for.

В приведенном выше примере вы просто щелкаете по слову Male или переключателю, чтобы он был выбран. Без этого у вас есть гораздо меньшая цель, чтобы щелкнуть...

Если это необходимо, существует ли какой-то эквивалент в HTML 5 или он то же самое?

Это не требуется, но это хорошая практика для меток, для которых сосредоточен элемент прямой формы (это не имеет большого значения для метки, которая не имеет аналога в форме).

Синтаксис для HTML 5 одинаковый.

Ответ 2

Для связывания полей <label> и <input> вместе. for должен указывать на id <input>. На самом деле это не нужно, но полезно, например, на радиокнопках, где пользователь может щелкнуть метку, чтобы проверить переключатель, тем самым создавая большую область щелчка и улучшая работу пользователя.

Вы используете for то же, что и HTML5, как и в HTML4 или XHTML, или как вы использовали ранее.

Ответ 3

Если вы используете атрибут for метки и устанавливаете его значение в id связанного элемента input, большинство браузеров будут фокусировать входной элемент при нажатии метки. Это особенно полезно для небольших элементов, таких как флажки и переключатели.