Html選項選擇禁用原因選擇所需不工作

Question

<select name="status" required> 
<option selected disabled>status</option> 

我已經在html選擇設置必需的屬性。

我的第一個選項集選擇禁用顯示文本。

但是它會導致必需的屬性不起作用。

有人知道如何解決這個問題嗎？

Answer 1

您需要的option的value屬性設置爲空字符串：

<select name="status" required> 
    <option selected disabled value="">status</option> 
</select> 

select會當用戶在form按下submit選定option的value返回到服務器。空的value與空text輸入相同 - >提高required消息。

---

w3schools

value屬性指定的值時，表單提交給被髮送到服務器。

Example