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 |
支持 | 支持 | 支持 | 支持 | 支持 |