是否可以将所需属性应用于 HTML5 中的<选择>字段？

javascript html select required

2022-08-30 00:06:27

如何检查用户是否从 HTML5 的字段中选择了某些内容？<select>

我看到不支持新属性...我必须使用JavaScript吗？还是我错过了什么？:/<select>required

答案 1

必需：将第一个值留空 - 必需适用于空值

先决条件：更正 html5 DOCTYPE 和命名输入字段

<select name="somename" required>
<option value="">Please select</option>
<option value="one">One</option>
</select>

根据文档（列表和粗体是我的）

必需属性是布尔属性。
指定后，用户需要在提交表单之前选择一个值。

如果选择元素

指定了必需的属性，

未指定多个属性，

并且显示大小为 1（不要有 SIZE=2 或更大 - 如果不需要，请省略它）;

并且如果选择元素的选项列表中的第一个选项元素的值（如果有）是空字符串（即显示为），value=""

并且该选项元素的父节点是选择元素（而不是选项组元素），

那么该选项就是选择元素的占位符标签选项。

答案 2

该元素确实支持该属性，如规范所示：<select>required

http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element

哪个浏览器不支持这一点？

（当然，无论如何，您都必须在服务器上进行验证，因为您不能保证用户会启用JavaScript。