需要勾选框并不罕见。实际上,几乎每个注册表单都使用了某种形式的“我已阅读并接受用户协议”的勾选框。
如果您手头有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>
<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" />
欢迎提出任何意见和更新。
required
属性意味着必须选中相同名称的所有单选按钮中的一个),但似乎只有带有required
属性的复选框需要被选中,而不是所有具有相同名称的复选框。正如您在这个fiddle中看到的那样,在Chrome中只有前两个复选框需要被选中,而不是第三个。 - BenMorel我刚在Firefox 4中尝试了一下单选按钮。将required
添加到一个单选输入框,然后在选择之前提交,会触发一个“请选择其中一个选项”的工具提示。
例如,这样可以正常工作:
<input type="radio" name="gender" value="m" required />
<input type="radio" name="gender" value="f" />
required="required"
是有效的 XHTML,但属性必须有一个值。 - leggetter<form>
:) - drew