<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>单选框</title>
</head>
<body>
<h1>表单进阶-单选框</h1>
<div>你对于京东首页满意度如何</div>
<div> <input type="radio" name="aa" checked> 非常满意</div>
<div> <input type="radio" name="aa"> 满意</div>
<div> <input type="radio" name="aa"> 一般</div>
<div> <input type="radio" name="aa"> 不满意</div>
<h1>你的性别</h1>
<div>
<input type="radio" name="bb" id="man" checked>
<label for="man">男</label>
<input type="radio" name="bb" id="woman">
<label for="woman">女</label>
</div>
</body>
</html>
Run the final effect!