我怎么能检查用户是否从HTML5中的<select>字段选择了一些东西?
我看到<select>不支持新的必需属性…我必须使用JavaScript吗?还是我遗漏了什么?：/
当前回答
<form action="">
<select required>
<option selected disabled value="">choose</option>
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="green">green</option>
<option value="grey">grey</option>
</select>
<input type="submit">
</form>
其他回答
试试这个
<select>
<option value="" style="display:none">Please select</option>
<option value="one">One</option>
</select>
<select>元素支持required属性，按照规范:
http://dev.w3.org/html5/spec-author-view/the-select-element.html#the-select-element
哪个浏览器不支持这个功能?
(当然，无论如何您都必须在服务器上验证，因为您不能保证用户将启用JavaScript。)
首先，您必须在第一个选项中分配空白值。 选择这里。而不是只需要工作。
试试这个，这个会有用的，我试过了，这个有用。
<!DOCTYPE html>
<html>
<body>
<form action="#">
<select required>
<option value="">None</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
</form>
</body>
</html>
将选择框的第一项的值设为空白。
所以当你发布表单时，你会得到空白值，使用这种方式，你会知道用户没有从下拉菜单中选择任何东西。
<select name="user_role" required>
<option value="">-Select-</option>
<option value="User">User</option>
<option value="Admin">Admin</option>
</select>
