<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- 单选框 -->
<div>性别:
<label><input type="radio" name="sex" value="男生">男生</label>
<label><input type="radio" name="sex" value="女生">女生</label>
</div>
<!-- 复选框 -->
<div>
爱好：
<label><input type="checkbox" name="like" value="0">音乐</label>
<label><input type="checkbox" name="like" value="1">旅游</label>
</div>
</body>
</html>
其中在input标签外面加上lable标签的作用是在点击文字的时候也会选中或者取消，提高用户体验度