Radio 单选框怎么用
时间: 2024-05-04 12:14:24 浏览: 19
Radio 单选框是一种常见的HTML表单元素,用于在多个选项中选择一个选项。以下是使用Radio 单选框的步骤:
1. 在HTML中创建一个Radio 单选框的组:
```html
<form>
<input type="radio" id="option1" name="radioGroup" value="option1">
<label for="option1">Option 1</label><br>
<input type="radio" id="option2" name="radioGroup" value="option2">
<label for="option2">Option 2</label><br>
<input type="radio" id="option3" name="radioGroup" value="option3">
<label for="option3">Option 3</label><br>
</form>
```
在上面的代码中,我们使用`<input type="radio">`标签创建了三个Radio 单选框,并使用`name`属性将它们分组在一起,以确保只能选择其中一个选项。
2. 添加标签和值:
每个Radio 单选框都需要一个相关联的标签和一个值。标签使用`<label>`标签定义,并使用`for`属性与相应的Radio 单选框关联。值则是通过`value`属性指定。
3. 设置默认选项:
如果你想要设置默认选中的选项,可以在其中一个Radio 单选框上添加`checked`属性,例如:
```html
<input type="radio" id="option1" name="radioGroup" value="option1" checked>
```
4. 提交表单:
当用户选择一个选项并提交表单时,所选的Radio 单选框的值将被发送到服务器进行处理。