我注意到,当您将input元素放入label元素时,HTML label标记不需要'for‘属性:
<label><input type="text">Last name</label>
但我想知道最好的做法是什么。有人能帮我吗?
谢谢!
发布于 2012-01-04 20:24:15
它用于屏幕阅读器等类似的辅助功能。
use_the_label_element_to_make_your_html_forms_accessible
所以你应该使用它。这里有一个link,让你相信易用性的重要性。
这里有一个小故事-让你的网站可访问可以让所有用户受益-我一直对公民当局为轮椅可访问性所付出的努力感到惊讶,直到我有了一个女儿并使用了推椅。我认为网站遵循同样的规则--每个人都从中受益。
为争议性道歉
发布于 2012-01-04 20:32:00
for属性与文本输入没有太大区别,但对于复选框输入非常有用,因为它允许用户单击标签以及复选框本身:
<label for="chk">Checkbox</label><input type="checkbox" id="chk" />
发布于 2012-01-04 20:27:49
您可以将input
包含在您的label
中,并且它与label
相关联,或者,如果由于某种原因,您必须将label
元素放在DOM中的其他地方,您可以使用for
属性指定它的含义。无论哪种方式,使用for
属性都不会有什么坏处:)
https://stackoverflow.com/questions/8726788
复制相似问题