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

Question

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

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

我的第一个选项集已禁用显示文本.

但是它会导致必需的属性不起作用.

有谁知道如何解决这个问题？

Answer 1

您需要将value属性设置option为空字符串:

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

select将返回value选定的option当用户按下到服务器submit上form.空value是与空text输入相同- >提升required消息.

w3schools:

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

例