html单选框设置分组

HTML单选框设置分组

在HTML中，单选框（Radio Button）是一种常见的表单控件，它允许用户从多个选项中选择一个。如果需要将多个单选框归为一组，可以使用HTML中的" name "属性进行设置。

下面是一个示例代码：

<form>
  <p>请选择您的性别:</p>
  <p><input type="radio" name="gender" value="male"> 男性</p>
  <p><input type="radio" name="gender" value="female"> 女性</p>
  <p><input type="radio" name="gender" value="other"> 其他</p>
</form>

在上述代码中，所有单选框的" name "属性都设置为" gender "，这意味着它们属于同一组。当用户选择其中一个选项时，其他选项将自动变为未选中状态。

请注意，在同一表单中，可以存在多个单选框组，只需将它们的" name "属性设置为不同的值即可。

使用单选框分组可以方便地实现多项选择，例如用户可能需要选择他们的兴趣爱好或预计消费的金额范围等。

总的来说，单选框分组是HTML中非常有用的表单控件，可以促进用户交互并提高网站的可用性。