在HTML中使用<input type="radio">
标签来创建单选按钮。
示例代码:
<form>
<input type="radio" id="option1" name="option" value="option1">
<label for="option1">Option 1</label>
<input type="radio" id="option2" name="option" value="option2">
<label for="option2">Option 2</label>
<input type="radio" id="option3" name="option" value="option3">
<label for="option3">Option 3</label>
</form>
在上面的示例中,我们创建了三个单选按钮,它们的name
属性设置为相同的值,这样它们就能够共享一个选项组,只能选择其中的一个选项。每个单选按钮都有一个唯一的id
属性,for
属性的值与该单选按钮的id
属性相同,这样在点击标签时也会选中相应的单选按钮。
你可以将上述代码复制到一个HTML文件中,并在浏览器中打开这个文件,就能够看到单选按钮的效果了。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读:radio选中事件在Vue中如何使用