HTML <label> for 屬性

定義和用法

for 屬性規定標簽綁定到哪個表單元素。

隱式和顯式的聯系

標記通常以下面兩種方式中的一種來和表單控件相聯系:將表單控件作為標記標簽的內容,這樣的就是隱式形式,或者為 <label> 標簽下的 for 屬性命名一個目標表單 id,這樣就是顯式形式。

例如,在 XHTML 中:

顯式的聯系:

<label for="SSN">身份證號碼:</label>
<input type="text" name="IdNum" id="IN" />

隱式的聯系:

<label>生日:<input type="text" name="DofB" /></label>

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

實例

三個帶有標簽的單選按鈕:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="提交">
</form>

親自試一試

語法

<label for="element_id">

屬性值

描述
element_id 標簽綁定的元素的 id。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持