網友4970322 2019-03-16

label標籤主要是方便滑鼠點選使用，增強使用者操作體驗。

1、新建html檔案，在網頁中設定一個性別選項，這時當用戶點選性別後面的小圓點才能選擇性別，由於小圓點區域比較小，想準確點選比較麻煩，所有使用者體驗不好：

2、為兩個選項分別設定“id”屬性，男性屬性值為“male”，女性屬性值為“female”：

3、為“男”和“女”文字都新增上“label”標籤，標籤屬性“for”的屬性值分別為“male”和“female”，這時使用者點選“男”和“女”文字時也會選中對應的選項，提高了使用者體驗。除了單選框之外，多選框、文字框等標籤也同樣可以用label標籤選中：

落空501 2017-10-11

可以使標籤內的區域指向label標籤for屬性指代的物件的事件。

無label標籤： 文字

有label標籤：

文字

有label標籤的這一段，點選標籤中的文字，可使多選框聚焦。

hohoyang 2011-08-24

用來顯示文字資訊，可以固定也可以從資料庫中讀出資訊繫結。

灬幻雲灬 推薦於2017-12-04

tabel定義和用法

for 屬性規定 label 與哪個表單元素繫結。實現點選關聯字游標在關聯輸入框閃爍。

顯式的聯絡：

SNumber：

隱式的聯絡：

Date：

第一個標記是以顯式形式將文字 “SNumber：” 和表單的社會安全號碼的文字輸入控制元件 （“SNum”） 聯絡起來，它的 for 屬性的值和控制元件的 id 一樣，都是 SSN。

第二個標記 （“Date：”） 不需要 for 屬性，它的相關控制元件也不需要 id 屬性，它們是透過在 標籤中放入 標籤來隱式地連線起來的。

808tzty707 2011-08-25

可以使標籤內的區域指向label標籤for屬性指代的物件的事件。

無label標籤： 文字

有label標籤：

文字

有label標籤的這一段，點選標籤中的文字，可使多選框聚焦。