单选框的使用技巧
单选框是一种常用的表单元素，允许用户在一组选项中选择一个。下面是一些单选框的使用技巧：
- 分组单选框： 使用相同的
name属性将单选框分组，以确保用户只能选择其中一个选项。【name 属性一致，代表一组】
<input type="radio" id="male" name="gender" value="male"> 男性<br> <input type="radio" id="female" name="gender" value="female"> 女性<br>
- 使用
<label>** 元素：** 使用<label>元素将文本和单选框关联起来，增加用户体验和可访问性。【点击文字就可以选择单选框】
<label for="male"><input type="radio" id="male" name="gender" value="male"> 男性</label><br> <label for="female"><input type="radio" id="female" name="gender" value="female"> 女性</label><br>
3.默认选中： 使用 checked 属性可以设置单选框的默认选中状态。
<input type="radio" id="male" name="gender" value="male" checked> <label for="male">男性</label><br>
复选框的使用技巧
与单选框类似，复选框也是一种常用的表单元素，允许用户选择一个或多个选项。下面是一些复选框的使用技巧：
- 分组复选框： 使用相同的
name属性将复选框分组，以便在后台处理时识别用户的选择。
<input type="checkbox" id="coding" name="interest" value="coding"> <label for="coding">编程</label><br> <input type="checkbox" id="reading" name="interest" value="reading"> <label for="reading">阅读</label><br>
2.使用 <label>** 元素：** 同样地，使用 <label> 元素将文本和复选框关联起来，提升用户体验。
<form action="" method="post" name="formName"> 爱好：<input type="checkbox" name="running" checked>跑步 <input type="checkbox" name="reading" checked>阅读 <input type="checkbox" name="shopping" checked>购物 </form>
关于复选框还有几点需要引起读者的注意：
复选框可以多选，不限制选中的数量；
复选框要想被正确提交，必须设置 name 属性，而且每个复选框的 name 属性值和 value 属性值都建议不同；
复选框建议与 <label> 标签配合使用；
<label> 标签中的 for 属性指向复选框的 id 属性，类似绑定。
