HTML <label> 標籤

實例

帶有兩個輸入欄位和相關標記的簡單 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>

瀏覽器支援

IE Firefox Chrome Safari Opera

所有主流瀏覽器都支援 <label> 標籤。

Safari 2 或更早的版本不支援 <label> 標籤。

定義和用法

<label> 標籤為 input 元素定義標註(標記)。

label 元素不會向用戶呈現任何特殊效果。不過,它為滑鼠會員改進了可用性。如果您在 label 元素內點選文字,就會觸發此控制元件。就是說,當用戶選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上。

<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。

HTML 與 XHTML 之間的差異

NONE

提示和註釋:

註釋:"for" 屬性可把 label 繫結到另外一個元素。請把 "for" 屬性的值設定為相關元素的 id 屬性的值。

屬性

new : HTML5 中的新屬性。

屬性 描述
for id 規定 label 繫結到哪個表單元素。
form formid 規定 label 欄位所屬的一個或多個表單。

全域性屬性

<label> 標籤支援 HTML 中的全域性屬性

事件屬性

<label> 標籤支援 HTML 中的事件屬性

TIY 實例

label
如何為控制元件定義標記。

相關頁面

HTML DOM 參考手冊:Column 對像