有关label标签和单选按钮的注意事项

一、label标签

可以扩大按钮的点击面积

使用步骤

代码如下（示例）：

<label for="man">男</label><input type="radio" id="man" name="sex">

用 for 来链接需要扩大的按钮，这段代码可以使点击 “男” 也可以触发 input 按钮

---

二、如何设置单选按钮只能单选

实现单选按钮只能选一个 ，比如 男女 按钮

使用步骤

代码如下（示例）：

<!-- radio 为单选按钮 可以实现多选一 name="1"实现只能选一个-->
<!-- name 是表单元素名字，这里性别单选按钮必须有相同的名字，才实验多选一效果 -->
<!-- 单选按钮和复选框可以设置checked属性，当页面打开的时候就可以默认选中这个按钮 -->
性别：男<input type="radio" name="sex" value="man">   
女<input type="radio" name="sex" value="women"> 

在通过给两个按钮 指定同一个name值 达到只能选其中一个的效果