标签标签中的“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 =参数吗? (出于好奇,它是做什么的?)
来自w3schools.org:
标签为input元素定义了一个标签。
标签元素不呈现为用户特别的东西。 但是,它为鼠标用户提供了可用性改进,因为如果用户单击标签元素内的文本,则会切换控件。
标签的for属性应该与相关元素的id属性相同,以将它们绑定在一起。
HTH!
我的$ 0.02作为辅助function的中小企业 – 以及可用性,LABEL还将input字段与正确的标签相关联,因此使用屏幕阅读器的人员将知道该字段的用途。
HTML标签标签为表单元素定义了一个标签。 他们通常与checkbox和单选button一起使用,当用户单击标签时,它将切换button。 有了一个文本input(你必须检查这一点是肯定的),我认为只有当用户点击标签时才会把焦点放在input上。
它指定标签绑定到哪个元素。 在你的示例代码中,标签在那里是必需的名字input字段。 如果用户点击该标签,焦点将转到绑定的input字段。 这是一个可用性的改进,我认为你会离开它是更好的。 这是一个很好的做法。
它将标签绑定到表单元素ID。 一些表单元素,如checkbox,可以通过点击标签来激活。
“for”属性是表单可访问性的必要元素。 不要忽略它。 对于某个使用屏幕阅读器(SR)的用户来说,有一个网页向他们宣布,“for”属性将控件与标签相关联。 通常情况下,SR用户将通过一个表单,从一个控件(这是SR的可聚焦元素)到下一个控件。 如果没有“for”属性,SR用户将不得不改变SR上的模式并探测表单,以试图确定哪个控件与哪个标签匹配,这可能是耗时和混乱的。 “for”属性对于与运动问题有关的辅助技术也是有用的。
WebAIM.org有一个很好的页面来解释“for”的可访问性分支: http : //webaim.org/techniques/forms/controls
在某些浏览器中,当您点击for标签中的文本时,您将检查与之关联的框(即for = id),或者将焦点放在该框上。 这是一个ADA的事情