html radio用法

HTML 中的 radio 是一种可供选择的单选按钮，通常用于表单中。多个 radio 按钮可以组成一组，但同组内只能选择一个。

以下是 radio 的使用方法：

1. 定义 radio 标签：使用 `<input>` 标签来定义单选按钮，`type` 属性设置为 "radio"。

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

2. 设置 radio 的组别：将同组的 radio 元素的 `name` 属性设置为相同的值即可。

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

3. 选中 radio：默认情况下，radio 按钮不会被选中。要选中一个 radio，可以在 `<input>` 标签中添加 `checked` 属性。

<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female

注意事项：

- radio 按钮必须有相同的 `name` 属性值，以便将它们分组。
- radio 按钮的 `value` 属性定义了提交表单时传递给服务器的值。
- radio 按钮可以通过 JavaScript 进行操作和验证。