html写5个并排选项标签
时间: 2023-11-09 21:59:49 浏览: 146
html5标签集合
您好,您可以使用以下代码编写5个并排选项标签:
```html
<div>
<input type="radio" id="option1" name="options" value="option1">
<label for="option1">选项1</label>
<input type="radio" id="option2" name="options" value="option2">
<label for="option2">选项2</label>
<input type="radio" id="option3" name="options" value="option3">
<label for="option3">选项3</label>
<input type="radio" id="option4" name="options" value="option4">
<label for="option4">选项4</label>
<input type="radio" id="option5" name="options" value="option5">
<label for="option5">选项5</label>
</div>
```
其中,使用 `<input>` 标签来定义单选按钮,使用 `<label>` 标签来定义选项文本。`for` 属性可以将 `<label>` 标签与其关联的 `<input>` 标签绑定在一起,使其在点击文本时选择对应的单选按钮。为了让这5个选项并排显示,我们将它们包装在一个 `<div>` 元素中,通过 CSS 样式来实现水平排列。
阅读全文