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"> ?就是鼠標點擊"男"時，自動選擇后邊的文本框進行輸入