<body>
<div>
请选择你喜欢的爱好:
</div>
<div>
<!-- 单选框 -->
<input type="radio" name="man" id="haha" checked>
<label for="haha">男</label>
<input type="radio" name="man" id="ha">
<label for="ha">女</label>
<!-- 复选框 -->
<input type="checkbox" name="cy" id="chouyan">
<label for="chouyan">抽烟</label>
<input type="checkbox" name="cy" id="hejiu">
<label for="hejiu">喝酒</label>
<input type="checkbox" name="cy" id="tangtou">
<label for="tangtou">烫头</label>
</div>
</body>
label标签是实现点击文字也能选中
单选框注意点:
关键词radio,name不能一样。
复选框注意点:
关键词checkbox,name必须要与其他的一样。
labelb标签中的for标签指向的是单选框或者是复选框的中的id。