2009-03-30 2 views
45

Просто натыкался параметр 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 обработанном сценарий, я могу избавиться от для = параметров? (И из любопытства, что он делает?)

ответ

70

От w3schools.org:

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

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

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

HTH!

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

+12

+1 ', если пользователь нажмет на текст внутри элемента этикетки, он переключает control.' – squixy

5

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

3

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

16

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

8

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

5

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

WebAIM.org имеет большую страницу, объясняющую доступности последствия «для»: http://webaim.org/techniques/forms/controls