html中三个按钮只能选一个
时间: 2024-09-19 12:11:14 浏览: 25
在HTML中,如果你想要创建一个三选一的单选按钮组,可以使用`<input>`元素的`type="radio"`属性。每个按钮都属于同一个`name`属性下的`radio`按钮组,用户在页面上只能选择其中的一个:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>三选一单选按钮</title>
</head>
<body>
<form>
<label for="option1">选项A:</label>
<input type="radio" id="option1" name="singleChoice" value="A"><br>
<label for="option2">选项B:</label>
<input type="radio" id="option2" name="singleChoice" value="B"><br>
<label for="option3">选项C:</label>
<input type="radio" id="option3" name="singleChoice" value="C"><br>
<!-- 提交按钮 -->
<button type="submit">提交</button>
</form>
</body>
</html>
```
当用户点击其中一个按钮并提交表单时,只有一个被选中的按钮会将对应的值发送到服务器。如果没有特别设置,浏览器通常会选择第一个被激活的按钮。
阅读全文