html 单选按钮(input radio)

<input> 的 radio 类型元素默认渲染为小型圆圈图表，填充即为激活，类似于之前描述额复选框（checkbox）类型。单选按钮允许你选择单一的值来提交表单。

属性	描述
name	字符串,相同name的radio会成组,选择那按钮组的任何单选按钮将会自动取消同组当前选择的任何按钮
checked	布尔值,true表示被选中,false表示未被选中
defaultChecked	布尔值,表示默认被选中
id	字符串,唯一标志,常用来和label的for搭配使用
value	字符串,表示选中时向后端传递的值
disabled	布尔值,是否被禁用

例子:

<div>
  <input type="radio" id="huey" name="drone" value="huey" checked>
  <label for="huey">Huey</label>
  <input type="radio" id="dewey" name="drone" value="dewey">
  <label for="dewey">Dewey</label>
</div>

label 用来和radio配合,当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

参考:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/radio
https://www.runoob.com/jsref/dom-obj-radio.html