在 HTML 中添加两个单选按钮

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

HTML 单选按钮的语法

HTML 的单选按钮需要使用 <input> 标签，并设置 type 属性为 "radio"。同时，name 属性应该设置为相同的值，这样才能实现单选的效果。以下是一个基本的单选按钮的代码：

<label><input type="radio" name="option"> Option 1</label>

上面的代码创建了一个名为 option 的单选按钮，同时显示了 Option 1 的文本。当用户点击选择该单选按钮时，它将成为该组单选按钮中的唯一选中项。

创建两个单选按钮

要创建两个单选按钮，我们只需要在 HTML 表单中添加两个相同 name 属性的单选按钮即可。以下是一个示例代码片段：

<form>
  <label><input type="radio" name="gender" value="male"> Male</label>
  <label><input type="radio" name="gender" value="female"> Female</label>
</form>

上述代码中，我们创建了两个单选按钮，一个为 Male，一个为 Female，它们都属于名为 gender 的单选按钮组。注意，在这里我们还设置了 value 属性，这个属性的值会被提交到服务器。

结论

在本文中，我们介绍了如何在 HTML 中创建两个单选按钮。通过设置它们的 name 属性为相同的值，实现了单选的效果，并可以为每个单选按钮设置不同的 value 属性，以实现多个选项的选择和提交。