Emi*_*ily 23
所需的复选框并不罕见.实际上,每个注册表都使用"我已阅读并接受用户协议"复选框的某种形式.
如果您有Opera方便,请尝试下面的代码.除非选中该复选框,否则表单将不会提交.
<!doctype html>
<html>
<head>
<title>html5</title>
</head>
<body>
<h1>html5 test</h1>
<form action="/">
<input type="checkbox" required="required" id="cb" name="cb">
<label for="cb">required checkbox</label>
<input type="submit">
</form>
</body>
</html>对于复选框,最好的方法可能是预先选择它并将其设置为禁用.开玩笑.
要确保已选择组中的一个单选按钮,请以默认选项启动或使用javascript验证.没有HTML方法可以做到这一点,因为每个可能的选择都是有效的.
在html5中,复选框有一个必需的属性.
它们有些奇怪,所以让我引用一些东西来解释它们是如何工作的.
对于复选框,只有在选中该表单中具有该名称的一个或多个复选框时,才能满足必需属性.
对于单选按钮,只有在检查该无线电组中的一个单选按钮时,才能满足所需属性.
当然,您始终必须验证服务器端,因为客户端始终可以向您发送他想要的任何内容.只需使用这些方法即可获得更好的用户体
我今天在XP SP2上的Firefox 17.0.1上测试了Radio Buttons 所需的属性.
它似乎符合单选按钮/组所需属性的规范.当Firefox提示"请选择其中一个选项"时.对于以下两个代码段:
您可以为每个单选按钮设置必需的属性
<input type="radio" name="gender" value="male" required="required" />
<input type="radio" name="gender" value="female" required="required" />
或任何一个无线电元素
<input type="radio" name="color" value="blue" />
<input type="radio" name="color" value="red" required="required" />
<input type="radio" name="color" value="green" />
欢迎任何评论和更新.