radio:单选框
checkbox:多选框
语法:<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
type:选择是单选框 || 多选框
value: 提交数据到服务器的值(暂时不懂)
name:1)单选框要求name属性值相同
2)多选框没有要求
3)checked:即checked="checked",认为该选项已经选中,用户不能操作
<!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>
<h1>表单进阶-复选框(多选)</h1>
<div>
<div>抽烟喝酒默认选中:</div>
<div>
<input type="checkbox" name="aaa" checked>抽烟
<input type="checkbox" name="aaa" checked>喝酒
<input type="checkbox" name="aaa" >烫头
</div>
</div>
<div>
<div>你的擅长技术:</div>
<div>
<!-- 点击文字也可以选中用:lable -->
<!-- type="radio"是圆圈,checkbox是方框 -->
<input type="radio" name="bbb" id="html">
<label for="html">html</label>
<input type="checkbox" name="bbb" id="css">
<label for="css">css</label>
<input type="checkbox" name="bbb" id="js">
<label for="js">js</label>
</div>
</div>
</body>
</html>