验证HTML：label元素的for属性必须引用表单控件

Question

我不知道为什么在http://validator.w3.org/check上检查我的页面时仍然出现此错误，错误是：

Line 235, Column 84: The for attribute of the label element must refer to a form control.
… <label for="name" style="line-height:24px;">Your Name</label><br>&nbsp;&nbsp;

这是我的实际代码

<div>&nbsp;&nbsp;
  <label for="name" style="line-height:24px;">Your Name</label><br>&nbsp;&nbsp;
  <input class="css_form_namefield TooltipIstok " type="text" name="name" value="" style="width: 554px;" maxlength="50" >
</div>

Answer 1

如果在标签元素中使用for属性，则它必须与表单中输入元素的ID相匹配。

即

<label for="field-id" style="line-height:24px;">Your Name</label><br>&nbsp;&nbsp;
<input type="text" id="field-id">

此页面可能有助于获取更多信息。 http://www.w3.org/TR/WCAG-TECHS/H44.html

Answer 2

按照定义， for属性值必须与“另一个”表单控件的id属性值匹配，才能使用HTML 4.01术语。 控件是由input ， textarea ， button ， select或object元素创建的，因此只需将“ another”读为“ a”即可。 HTML5对此稍有不同，它指定属性必须引用可标记元素 。

从错误消息看来，您似乎正在针对HTML5进行验证，因此适用的规则是for属性必须引用button ， input （除了type=hidden ）， keygen ， meter ， output ， progress ， select ，或textarea元素。 我的猜测是您只是忘记了id属性，而错误地假设name属性可以完成其工作。