在html5中强制执行一个必需的选择在收音机框中

Question

亲爱的社区我有以下代码。我如何强制用户只选择一个而不是两个，并将其设置为必填字段？

<input type="radio" name="genderM" value="Male" >Male 
<input type="radio" name="genderF" value="Female">Female <br> <br> 

Answer 1

给单选按钮相同name属性，并添加required属性

<input type="radio" name="gender" value="Male" required>Male 
 
<input type="radio" name="gender" value="Female" required>Female

我还建议将<labels>，使场更容易获得。您还应该验证服务器端的数据，因为required属性仅在客户端验证。

还要注意的是，虽然只有真正一组需要在一个单选按钮required属性，则W3 recommends他们都有它：

为了避免混乱，是否需要一个单选按钮组或 不是，鼓励作者在组中的所有无线电按钮上指定属性。的确，一般来说，鼓励作者避免使用最初没有任何初始 检查控件的单选按钮组，因为这是用户 无法返回的状态，因此通常被认为是不良用户 接口。