html单选框 设置组

HTML单选框是表单元素之一，它允许用户从预定义的选项中选择一个。若要将多个单选框归为一组，则需要设置单选框组。以下是单选框设置组的代码：

<form>
  <p>
    <input type="radio" name="group1" value="option1" /> Option 1

    <input type="radio" name="group1" value="option2" /> Option 2

    <input type="radio" name="group1" value="option3" /> Option 3
  </p>
  <p>
    <input type="radio" name="group2" value="option4" /> Option 4

    <input type="radio" name="group2" value="option5" /> Option 5

    <input type="radio" name="group2" value="option6" /> Option 6
  </p>
</form>

在上述代码中，我们创建了两个单选框组：group1和group2。每组单选框的name属性相同，而value属性则不同。这样，用户在选择单选框时，只能在同一组中选择一个，不同组之间的选择不会产生影响。

当然，还可以使用label标签为单选框组添加标签，以让使用者更清楚地理解选项的含义。以下是带有标签的单选框组代码：

<form>
  <p>
    <label>
      <input type="radio" name="group1" value="option1" /> Option 1
    </label><br />
    <label>
      <input type="radio" name="group1" value="option2" /> Option 2
    </label><br />
    <label>
      <input type="radio" name="group1" value="option3" /> Option 3
    </label>
  </p>
  <p>
    <label>
      <input type="radio" name="group2" value="option4" /> Option 4
    </label><br />
    <label>
      <input type="radio" name="group2" value="option5" /> Option 5
    </label><br />
    <label>
      <input type="radio" name="group2" value="option6" /> Option 6
    </label>
  </p>
</form>

使用label标签后，我们可以将单选框组的选项文本与单选框本身放在一起，并使样式更加美观。将单选框设置为必填项也非常简单，只需要在其中一个单选框的required属性中添加值“true”即可。