html单选框的代码
时间: 2024-09-12 09:16:51 浏览: 48
html5简单大气的单选框表单提交代码下载
HTML单选框是表单元素中的一种,它允许用户从一组选项中选择一个。单选框通常用于需要用户做出唯一选择的情况。下面是一个简单的HTML单选框的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>单选框示例</title>
</head>
<body>
<form>
<p>请选择一个选项:</p>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">其他</label><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
在这段代码中,我们创建了一个包含三个单选按钮的表单。每个`<input>`元素的`type`属性被设置为`radio`,表示这是一个单选框。`name`属性对于同一组单选按钮是相同的,这样浏览器就知道它们是相互关联的。`id`属性为每个单选按钮提供了一个唯一的标识符,而`<label>`元素的`for`属性与单选按钮的`id`相对应,以确保点击标签也能选中对应的单选按钮。
阅读全文