<lable>标签
<label> 标签为 input 元素定义标记：
意思是不会向用户呈现任何特殊效果。简单点说：当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
性别： <label for="male">男</label>
<input id="male" type="checkbox">
<label for="female">女</label>
<input id="female" type="checkbox">
</body>
</html>
页面效果：
总结：
使用<lable>标签，里面的for元素的值一般设置为下面的input标签的 id 属性的值。
这样就实现了，当点击<lable>标签展现的这个文本时，自动聚焦到下面的input标签内绑定的id属性代表的页面控件里面。
如下:当点击“男”、”女”时，会自动聚焦选择后面的复选框；
因此
<label for="female">女</label>
<input id="female" type="checkbox">
ps:这个里面的input标签下的type可以为多种类型：checkbox、radio、text文本都可以,根据实际来使用吧
