В теге label всегда использовать атрибут for?

Question

[Evgenij_nechujveter]

В теге label всегда использовать атрибут for (а в форме задавать id)? Даже если подпись к полю находится рядом на той строке с формой? как здесь например:



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

Answer 1

[Анатолий]

Атрибут for необходимо задавать в том случае, когда элемент формы и текст разделены (для того, чтобы клик по label смог "активировать" input).
Если они вместе (input находится в label), то по собственному желанию, т.к. "активация" и так будет работать.

Comments

[Алексей Уколов]

Расскажите, пожалуйста, что конкретно значит «разделены» и поделитесь ссылкой на какое-то обоснование ваших слов.

[Анатолий]

Алексей Уколов, разделены - значит, что input не находится в label

<label for="username">Username</label>
<input type="text" id="username">

Если input не в label, то есть они разделены, то для активации input по клику на label придется написать for (пример).

Если же input находится в label, то for необязателен (пример), т.к. и так будет работать.

Обоснование моих слов простое - оно выше. Без for клик на label не будет активировать input.
Но если input находится в label, то активация происходит и без for, поэтому можно действовать по своему усмотрению.

[Алексей Уколов]

Отлично, спасибо за ссылки, я как раз хотел сделать примеры, когда приеду в офис.

Я попросил уточнить потому, что мне кажется, что автор мог вас неправильно понять - он писал "рядом находятся", вы ответили "разделены" и можно подумать, что вы об одном и том же, а на самом деле нет.

[Evgenij_nechujveter]

Алексей Уколов, Да я тоже понял) Просто интересно было как правильно делать