选择禁用的Html选项导致选择所需不起作用

Question

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

我在html select中设置了必需属性。

我的第一个选项集已禁用显示文字。

但是它会导致必需的属性无效。

任何人都知道如何解决这个问题？

Answer 1

您需要将value的{​​{1}}属性设置为空字符串：

option

当用户在<select name="status" required> <option selected disabled value="">status</option> </select> 上按select时，

value会将所选option的{​​{1}}返回给服务器。空submit与空form输入→提出value消息相同。

w3schools：

  

value属性指定在提交表单时要发送到服务器的值。

     

Example