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

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

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

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