Question

验证时遇到问题。我不明白该如何解决？

<Label for="religion">Select Your Religion</Label>
<select required class="form-control" id="religion">
    <option disabled>Select Your Religion</option>
    <option value="hindu">Hindu</option>
    <option value="muslim">Muslim</option>
    <option value="christian">Christian</option>
    <option value="buddhist">Buddhist</option>
    <option value="other">Other</option>
</select>

这是我遇到https://validator.w3.org/nu时遇到的问题：

select元素的第一个子选项元素，该元素具有必填属性，没有多重属性，并且没有大于1的size属性，必须具有空值属性，或者必须不具有文字内容。考虑添加占位符选项标签，或添加大小等于选项元素数量的size属性。

Answer 1

您选择的选项缺少

名称标签

此外，选择选项应具有value =“”

<Label for="religion">Select Your Religion</Label>
<select required name="religion" class="form-control" id="religion">
   <option value="">Select Your Religion</option>
   <option value="hindu">Hindu</option>
   <option value="muslim">Muslim</option>
   <option value="christian">Christian</option>
   <option value="buddhist">Buddhist</option>
   <option value="other">Other</option>
</select>

Answer 2

就像验证者消息中说的那样

...必须具有空值属性，或必须没有文本内容...

确保您的选项具有空值，例如<option disabled value="">

<Label for="religion">Select Your Religion</Label>
<select required class="form-control" id="religion">
    <option disabled value="">Select Your Religion</option>
    <option value="hindu">Hindu</option>
    <option value="muslim">Muslim</option>
    <option value="christian">Christian</option>
    <option value="buddhist">Buddhist</option>
    <option value="other">Other</option>
</select>

添加所需属性后，选择框验证出现问题

2 个答案: