實(shí)例

帶有兩個(gè)輸入字段和相關(guān)標(biāo)記的簡(jiǎn)單 HTML 表單：

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

親自試一試

定義和用法

for 屬性規(guī)定 label 與哪個(gè)表單元素綁定。

隱式和顯式的聯(lián)系

標(biāo)記通常以下面兩種方式中的一種來和表單控件相聯(lián)系：將表單控件作為標(biāo)記標(biāo)簽的內(nèi)容，這樣的就是隱式形式，或者為 <label> 標(biāo)簽下的 for 屬性命名一個(gè)目標(biāo)表單 id，這樣就是顯式形式。

例如，在 XHTML 中：

顯式的聯(lián)系：
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />

隱式的聯(lián)系：
<label>Date of Birth: <input type="text" name="DofB" /></label>

第一個(gè)標(biāo)記是以顯式形式將文本 "Social Security Number:" 和表單的社會(huì)安全號(hào)碼的文本輸入控件 ("SocSecNum") 聯(lián)系起來，它的 for 屬性的值和控件的 id 一樣，都是 SSN。第二個(gè)標(biāo)記 ("Date of Birth:") 不需要 for 屬性，它的相關(guān)控件也不需要 id 屬性，它們是通過在 <label> 標(biāo)簽中放入 <input> 標(biāo)簽來隱式地連接起來的。

瀏覽器支持

所有主流瀏覽器都支持 for 屬性。

Safari 2 或更早的版本不支持 for 屬性。

語法

<label for="value">

屬性值