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