添加所需屬性后，選擇框驗證出現問題

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屬性。

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>