1

我一直在努力寻找这个 W3C HTML 验证错误的解决方案，而不是我应该做的。我仍然无法弄清楚如何解决这个问题。如果这里有人可以帮助我，那就太好了。

Line 109, Column 27: The for attribute of the label element must refer to a form control. 
                    <label for="location">Location</label>

Line 162, Column 27: The for attribute of the label element must refer to a form control. 
                    <label for="location">Location</label>

代码

<fieldset id="meat">
    <legend>Meat Toppings</legend>
       <label for="location">Location</label>
        <img  src="full.png" alt="full">
        <img src="left.png" alt="left">
        <img src="right.png" alt="right">
        <img id="location" src="none.png" alt="none">
4

2 回答 2

1

a 的目的label是描述一个表单元素。使用 alabel时，该for属性需要与id它所描述的表单元素的 相同。

<label for="location">Location:</label><input type="text" id="location" name="location" />

您收到此错误是因为您为for不存在或未id正确编辑的表单元素提供属性。

于 2013-03-22T13:26:26.987 回答
1

与标签元素在同一文档中的可标记表单相关元素的 ID。文档中第一个具有与 for 属性值匹配的 ID 的此类元素是该标签元素的标签控件。

代码中没有表单控件。标签元素的唯一目的是标记表单控件。改成<img id="location"表单控件；输入、文本区域、按钮或选择。

https://developer.mozilla.org/en-US/docs/HTML/Element/label

于 2013-03-22T13:22:05.677 回答