与表单元素关联的方法(IE6下label
标签包裹控件的方法是不顶用的):
1 使用for和id关联控件
<p><label for="test">标签</label> <input name="input" type="text" id="test" /></p>
(一个控件可以支持多个label)
2 label标签包裹控件
<p><label>标签 <input name="input" type="text" /></label></p>
3 双管齐下
<p><label for="test2">标签 <input name="input" type="text" id="test2" /></label></p> 使用for
和id
找到控件元素的方法要比将控件放在label
标签内的健壮性好很多。
同时他还发现使用aria-labelledby
属性跨浏览器和辅助技术的健壮性要比使用标准的控件元素放在label
标签下的方法强。 在浏览器修复他们的些可访问性问题之前,如果你希望你的控件可以被辅助技术理解,建议使用for + id
方法,而不要因为懒得蛋疼乳酸,直接把控件元素套在label
标签之下。也不要使用看上去更保险的“双管齐下”的方法。