https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label

exg:

<form>

<label for="male">男</label>

<input type="radio" name="gender" id="male" />

</form>

显示：男○

鼠标点击“男”，则“○”会被选中，“○”中将会多出一个点

其实主要是 Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。
FOR属性
功能：表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点。
用法： <Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">
ACCESSKEY属性：
功能：表示访问Label标签所绑定的元素的热键，当您按下热键，所绑定的元素将获取焦点。
用法： <Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text">
局限性：accessKey属性所设置的快捷键不能与浏览器的快捷键冲突，否则将优先激活浏览器的快捷键。

注意：
要将 LABEL 绑定到其它的控件，请将 LABEL 元素的 FOR 属性设置为与该控件的 ID 相同。将 LABEL 绑定到控件的 NAME 属性毫无用处。但是，要提交表单，你必须为 LABEL 元素所绑定到的控件指定NAME。

label标签为input元素的定义标签（标注），在浏览器中不会给用户呈现任何效果，为鼠标用户改进了可用性，如果在label元素内点击文本，就会触发此控件，用户选择此标签时，浏览器会自动将焦点转移到和标签相关的表单控件上。

定义input元素的标注

表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点

例子：<lable>男</lable>

<input style="checkbox">  就是鼠标点击"男"时，自动选择后边的文本框进行输入