如何使用 HTML 在表单中添加单选按钮？

在 HTML 的表单中，单选按钮是一种常用的表单元素。本文将介绍如何使用 HTML 在表单中添加单选按钮。

语法

以下是单选按钮的 HTML 语法：

<input type="radio" name="myRadio" value="option1">Option 1<br>
<input type="radio" name="myRadio" value="option2">Option 2<br>
<input type="radio" name="myRadio" value="option3">Option 3<br>

其中，type 属性必须设置为 "radio"，name 属性用于将多个单选按钮关联在一起（即同一组单选按钮），value 属性用于指定选项的值。在以上示例中，三个单选按钮均为同一组，命名为 myRadio。

示例

以下是一个基本的表单示例代码，其中包含一个单选按钮组：

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

在上述示例中，三个单选按钮均被命名为 gender，因此同属于同一组。选项值分别为 "male"、"female" 和 "other"。当用户选择其中一个选项时，其值将被提交到服务器。

总结

使用 HTML 在表单中添加单选按钮非常简单，只需要设置相关属性即可。通过将多个单选按钮命名为同一组，可以实现让用户在多个选项中选择一个的功能。