验证 HTML：标签元素的 for 属性必须引用表单控件答案

【问题标题】：validating HTML: The for attribute of the label element must refer to a form control验证 HTML：标签元素的 for 属性必须引用表单控件
【发布时间】：2013-09-22 15:58:08
【问题描述】：

我不知道为什么我在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>

【问题讨论】：

标签： html validating

【解决方案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

【讨论】：

这是我的代码
你的名字
这个答案是错误的。您必须匹配 id，而不是名称。请参阅：w3.org/TR/html5/forms.html#the-label-element。下面这个答案是正确的。

【解决方案2】：

根据定义，for attribute 值必须与“另一个”表单控件的id 属性值匹配，才能使用 HTML 4.01 术语。 Controls 由 input、textarea、button、select 或 object 元素创建，因此只需将“另一个”读作“a”。 HTML5 对此有所不同，指定属性必须引用labelable element。

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

【讨论】：