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

Что за "для" в теге метки?

Просто пробежал через параметр for в теге метки HTML:

<label for="required-firstname"> First Name </label>
<small>*</small>
<input name="required-firstname" type="text" tabindex="2" 
       id="required-firstname" size="24" maxlength="40">

Я преобразовываю эту форму в обработанный PHP скрипт, могу ли я избавиться от параметров for =? (И из любопытства, что он делает?)

4b9b3361

Ответ 1

Из w3schools.org:

Тег определяет метку для входного элемента.

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

Атрибут for для тега должен быть равен атрибуту id связанного элемента, чтобы связать их вместе.

НТН!

добавив мой $.02 в качестве МСП Accessibility, а также удобство использования, LABEL также связывает поле ввода с правильной меткой, чтобы люди, использующие устройства чтения с экрана, знали, для чего это поле.

Ответ 2

Тег метки HTML определяет метку для элемента формы. Они обычно используются с флажками и переключателями, и когда пользователь нажимает на метку, он переключает кнопку. С текстовым вводом (и вам обязательно нужно будет это проверить) Я думаю, что он только фокусируется на вводе, когда пользователь нажимает на метку.

Ответ 3

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

Ответ 4

Он связывает метку с идентификатором элемента формы. Некоторые элементы формы, например флажки, можно активировать, щелкнув по их метке.

Ответ 5

Атрибут "для" - необходимый элемент для доступности вашей формы. Не пропустите это. Для тех, кто использует программу чтения с экрана (SR), чтобы объявить им веб-страницу, атрибут "для" связывает элемент управления с меткой. Обычно пользователь SR будет вставлять форму через один элемент управления (который является настраиваемым элементом для SR) для следующего. Без атрибута "для" пользователь SR должен будет изменить режимы на SR и прощупать вокруг формы, чтобы попытаться определить, какой элемент управления соответствует той метке, которая может быть трудоемкой и запутанной. Атрибут "для" также может быть полезен для вспомогательных технологий, связанных с двигательными проблемами.

WebAIM.org имеет отличную страницу, объясняющую разницу в доступности для "for": http://webaim.org/techniques/forms/controls

Ответ 6

В некоторых браузерах, когда вы нажимаете на текст в теге for, вы установите флажок, связанный с ним (например, for = id), или сосредоточьтесь на этом поле. Это вещь ADA