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/
归档时间: |
|
查看次数: |
21726 次 |
最近记录: |