要求从下拉列表中进行选择5

Aus*_*ell 6 html5 requiredfieldvalidator required

是否可以强制/要求用户从下拉菜单中进行选择?例:

<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
Run Code Online (Sandbox Code Playgroud)

默认情况下,选择"Volvo".我想要的是浏览器知道用户已做出选择而不接受自动默认值.

我在想这样的事情:

<form action="">
<select name="cars" required="required">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
Run Code Online (Sandbox Code Playgroud)

有什么建议?

小智 1

自从问题发布以来已经过去了很多时间。对于像我一样遇到这个问题的人来说,解决方案现在变得简单得多:您只需在选择中添加第一个选项,无需设置任何值。浏览器会自动将其视为“未选择任何内容”:

<!DOCTYPE html>
<html>
  <body>
    <form>
      <select required>
        <option value="">Please select</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
      </select>
      <input type="submit"/>
    </form>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

JSFiddle 显示它无需进一步的 JS 即可工作:https ://jsfiddle.net/nrs5a7qh/