label元素的for属性必须引用非隐藏表单控件<label for=“Country” >Countr</label>

Question

<div class="needContent">
                    <label for="Country" >Country</label>

                    <input list="browsers" name="Country" required="required">
                    <datalist id="browsers">
                        <option value="Canada">
                        <option value="The United States">
                        <option value="India">
                        <option value="Pakistan">
                        <option value="Germany">
                    </datalist>
                </div>

嗨，我是html的新手，我试图在html验证器上验证我的文件，但这给了我上面指定的错误。 有人可以帮我解决这个问题吗？

Answer 1

问题是<label>的for属性对应于元素的ID ，而不是其name ：

for

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

要解决此问题，您要做的就是为您的<input>元素提供一个与name相同的id 。 请注意，您可能还需要确保两者均为小写形式，以防止混淆：

 <div class="needContent"> <label for="country">Country</label> <input list="browsers" id="country" name="country" required="required"> <datalist id="browsers"> <option value="Canada"> <option value="The United States"> <option value="India"> <option value="Pakistan"> <option value="Germany"> </datalist> </div>