如何在 HTML 中添加仅选择一个单选按钮

单选按钮是 HTML 表单中常见的元素，它可以让用户在一组选项中只选择一个选项。本文将介绍如何在 HTML 中添加仅选择一个单选按钮。

添加单选按钮

要创建单选按钮，您需要使用 HTML 的 <input> 元素，其类型为 radio。每个单选按钮都应该有一个唯一的 value，表示用户选择该选项时提交表单时将发送的数据。以下是一个示例：

<label>
  <input type="radio" name="color" value="red">
  Red
</label>
<label>
  <input type="radio" name="color" value="green">
  Green
</label>
<label>
  <input type="radio" name="color" value="blue">
  Blue
</label>

在上面的示例中，我们创建了一个包含三个单选按钮的表单。所有单选按钮都有相同的 name 属性，以便在表单提交时只有一个选项被选择。每个单选按钮还有一个唯一的 value 值。

添加“必填”属性

要确保用户选择了一个选项，您可以向单选按钮添加一个“必填”属性。此属性只需将 required 添加到 HTML 元素中即可：

<label>
  <input type="radio" name="color" value="red" required>
  Red
</label>
<label>
  <input type="radio" name="color" value="green" required>
  Green
</label>
<label>
  <input type="radio" name="color" value="blue" required>
  Blue
</label>

在上面的示例中，我们将 required 属性添加到每个单选按钮中，以确保用户选择了一个选项。

结论

在 HTML 中添加仅选择一个单选按钮是很简单的。您只需要使用 <input> 元素和 radio 类型创建每个单选按钮，并将它们的 name 属性设置为相同的值。如果您希望确保用户选择了一个选项，则可以将 required 属性添加到每个单选按钮中。

代码片段已以上述方式给出。