我可以应用所需的属性<选择>字段在HTML5?

我怎么能检查用户是否从HTML5中的<select>字段选择了一些东西?

我看到<select>不支持新的必需属性…我必须使用JavaScript吗?还是我遗漏了什么?：/

当前回答

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

<select name="status" required>
    <option selected disabled value="">what's your status?</option>
    <option value="code">coding</option>
    <option value="sleep">sleeping</option>
</select>

当用户在表单上按submit键时，Select将向服务器返回所选选项的值。空值与空文本输入相同——>引发所需的消息。

w3schools

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

2018-01-12 00:33:33

其他回答

你也可以用JQuery动态地做到这一点

设置所需的

$("#select1").attr('required', 'required');

删除需要

$("#select1").removeAttr('required');

2014-05-12 15:59:58

是的，它正在工作:

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

你得把第一选项空着。

2016-05-01 11:48:38

试试这个，这个会有用的，我试过了，这个有用。

<!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>

2018-03-16 10:02:58

将选择框的第一项的值设为空白。

所以当你发布表单时，你会得到空白值，使用这种方式，你会知道用户没有从下拉菜单中选择任何东西。

<select name="user_role" required>
    <option value="">-Select-</option>
    <option value="User">User</option>
    <option value="Admin">Admin</option>
</select>

2016-07-22 06:37:34

首先，您必须在第一个选项中分配空白值。选择这里。而不是只需要工作。

2017-07-17 06:05:23

我可以应用所需的属性<选择>字段在HTML5?

推荐文章

最新文章

标签