html 单选框
时间: 2023-07-01 10:05:30 浏览: 459
HTML--使用单选框、复选框,让用户选择
HTML 中单选框可以通过使用 `<input>` 标签和 `type="radio"` 属性来创建。
以下是一个简单的单选框示例:
```html
<form>
<input type="radio" id="option1" name="option" value="option1">
<label for="option1">Option 1</label><br>
<input type="radio" id="option2" name="option" value="option2">
<label for="option2">Option 2</label><br>
<input type="radio" id="option3" name="option" value="option3">
<label for="option3">Option 3</label>
</form>
```
在上面的示例中,`<input>` 标签的 `type` 属性设置为 `"radio"`,`id` 属性设置为不同的值,`name` 属性设置为相同的值,`value` 属性设置为选项的值。`<label>` 标签的 `for` 属性与对应的 `<input>` 标签的 `id` 属性相同,以便用户单击标签时能够选中单选框。
通过将多个单选框的 `name` 属性设置为相同的值,可以将它们分组在一起,使用户只能选择其中的一个。
阅读全文