https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/radio
radio 类型的 <input>
元素通常用于一个单选组中,其中包含一组描述一系列相关选项的单选按钮。
一个单选按钮组由具有相同 name 属性的单选按钮组成。一旦单选按钮组被建立,选择那按钮组的任何单选按钮将会自动取消同组当前选择的任何按钮。
你可以在一个页面上创建多个单选按钮组,只要每一组拥有唯一的 name 属性即可。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
性别: 男<input type="radio" , name="sex" checked> 女<input type="radio" name="sex"> <br>
爱好: 旅游<input type="radio" name="hobby"> 看电影<input type="radio" name="hobby" checked> 跑步<input type="radio"
name="hobby">
</body>
</html>
展示效果: