html设置一组单选
时间: 2023-12-15 17:32:35 浏览: 178
以下是一个HTML设置一组单选的例子:
```html
<form>
<fieldset>
<legend>请选择一种水果:</legend>
<input type="radio" id="apple" name="fruit" value="apple">
<label for="apple">苹果</label><br>
<input type="radio" id="banana" name="fruit" value="banana">
<label for="banana">香蕉</label><br>
<input type="radio" id="orange" name="fruit" value="orange">
<label for="orange">橙子</label><br>
</fieldset>
</form>
```
在上面的例子中,我们使用了`<fieldset>`标签来将单选按钮组合在一起,并使用`<legend>`标签来为这组单选按钮添加一个标题。每个单选按钮都使用`<input>`标签,并设置`type`属性为`radio`,`name`属性为`fruit`,`value`属性为不同的水果名称。每个单选按钮都有一个`<label>`标签与之对应,`for`属性设置为相应的`<input>`标签的`id`属性,这样当用户点击标签时,相应的单选按钮也会被选中。
阅读全文