单选按钮。每个单选按钮是互斥的，只能选择一个。

    属性

    • name属性这里需要注意的是每个单选按钮的name值是一样的，这样才能保证提交表单时，只有一个值。否则就和多选框一样了。
    • value属性自定义数据name属性的值
    • checked属性默认单选值

    UA样式表

    1. input[type="radio" i] {
    2.     background-color: initial;
    3.     cursor: default;
    4.     appearance: auto;
    5.     box-sizing: border-box;
    6.     margin: 3px 3px 0px 5px;
    7.     padding: initial;
    8.     border: initial;
    9. }

    例子

     <div>
   <input type="radio" name="sex" value='male' id="male_btn" checked>
   <label for="male_btn">男</label><br />
   <input type="radio" name="sex" value='female' id="female_btn">
   <label for="female_btn">女</label><br />
   <input type="submit" value="提交">
</div>

    输出结果
    image.png