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>

顯示：男○

鼠標(biāo)點(diǎn)擊“男”，則“○”會(huì)被選中，“○”中將會(huì)多出一個(gè)點(diǎn)

其實(shí)主要是 Label 中有兩個(gè)屬性是非常有用的,一個(gè)是FOR、另外一個(gè)就是ACCESSKEY了。
FOR屬性
功能：表示Label標(biāo)簽要綁定的HTML元素，你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候，所綁定的元素將獲取焦點(diǎn)。
用法： <Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">
ACCESSKEY屬性：
功能：表示訪問(wèn)Label標(biāo)簽所綁定的元素的熱鍵，當(dāng)您按下熱鍵，所綁定的元素將獲取焦點(diǎn)。
用法： <Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text">
局限性：accessKey屬性所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突，否則將優(yōu)先激活瀏覽器的快捷鍵。

注意：
要將 LABEL 綁定到其它的控件，請(qǐng)將 LABEL 元素的 FOR 屬性設(shè)置為與該控件的 ID 相同。將 LABEL 綁定到控件的 NAME 屬性毫無(wú)用處。但是，要提交表單，你必須為 LABEL 元素所綁定到的控件指定NAME。

label標(biāo)簽為input元素的定義標(biāo)簽（標(biāo)注），在瀏覽器中不會(huì)給用戶呈現(xiàn)任何效果，為鼠標(biāo)用戶改進(jìn)了可用性，如果在label元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件，用戶選擇此標(biāo)簽時(shí)，瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)移到和標(biāo)簽相關(guān)的表單控件上。

定義input元素的標(biāo)注

表示Label標(biāo)簽要綁定的HTML元素，你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候，所綁定的元素將獲取焦點(diǎn)

例子：<lable>男</lable>

<input style="checkbox"> ?就是鼠標(biāo)點(diǎn)擊"男"時(shí)，自動(dòng)選擇后邊的文本框進(jìn)行輸入