如何制作两个单选按钮,但只能接受其中一个

时间:2013-12-14 08:43:01

标签: html

我有这个:

<input type="radio" name="sex" required /> Masculine 
<input type="radio" name="sex" required /> Faminine

但如果我检查其中一个,并且由于它们都是必需的,我会收到警告,另一个也应该被检查。但是我该如何做才能只检查其中一个呢?

2 个答案:

答案 0 :(得分:2)

您的代码首先在支持required属性的任何浏览器上按原样运行。 (就此属性而言。代码还有其他问题,例如缺少value属性。)

对于单选按钮,required attribute以特殊方式定义:如果选择了组中的任何单选按钮,则“满足属性”。因此,在该组的一个单选按钮中使用该属性就足够了。但是,HTML5 CR补充说:“为了避免混淆是否需要一个单选按钮组,鼓励作者在组中的所有单选按钮上指定属性。”但这只是假定HTML代码的可读性。 ,而不是它的功能。

在这种情况下,HTML5 CR也提出了以下注释,这实际上是相当无关的,但是一个很好的原则:“鼓励作者避免使用最初没有任何初始检查控件的单选按钮组,因为这是一个用户无法返回的状态,因此通常被认为是一个糟糕的用户界面。“如果你将一个单选按钮添加到组中,其含义如”不想告诉“并最初检查,{{ 1}}属性变得不必要了。如果您希望强迫用户披露他或她的性别,那么您必须以不同的方式进行检查。

答案 1 :(得分:1)

像这样

<form>
<input type="radio" name="sex" required /> Masculine <br />
<input type="radio" name="sex" required /> Faminine
</form>