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



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

要解决此问题，您只需为<input>元素id提供与其name相同的内容即可。请注意，您可能还需要确保这两个都是小写以防止混淆：

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

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

1 个答案: