<!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>


Html-单选框_单选框

运行最终效果！