<標籤>

HTML <label> 標籤

#實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>点击其中一个文本标签选中选项：</p>

<form action="demo_form.phpp">
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" value="female"><br><br>
  <input type="submit" value="提交">
</form>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例

瀏覽器支援

#目前大多數瀏覽器支援< label> 標籤。

標籤定義並使用說明

<label> 標籤為 input 元素定義標註（標記）。

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

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

提示與註解

提示:"for" 屬性可把 label 綁定到另一個元素。請把 "for" 屬性的值設定為相關元素的 id 屬性的值。

HTML 4.01 與 HTML5之間的差異

"form" 屬性是 HTML5 的新屬性。

屬性

New：HTML5 新屬性。

屬性	值	描述
for	#element_id	規定label 與哪個表單元素綁定。
formNew	form_id	#規定 label 欄位所屬的一個或多個表單。

全域屬性

<label> 標籤支援全域屬性，查看完整屬性表 HTML全域屬性。

事件屬性

<label> 標籤支援所有 HTML事件屬性。