Question

我一直在努力为这个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>

HTML CODE

<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">

Answer 1

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

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

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

Answer 2

label的目的是描述表单元素。使用label时，for属性需要与其描述的表单元素的id相同。

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

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

W3C验证错误

2 个答案: