DIV CSS 佈局教程網

使用 LABEL 對象

HTML 4.0 規范引入了 LABEL 對象，您可以使用它來將文本與其他任何 HTML 對象或內部控件相關聯。無論用戶單擊 LABEL 或者 HTML 對象，鏈接的 LABEL 和 HTML 對象在引發和接收事件時行為一致。要鏈接 LABEL 和 HTML 對象，請將 LABEL 的 FOR 屬性設置為等於 HTML 對象的 ID 屬性。

下列示例將 LABEL 控件與文本框相關聯。當用戶單擊 LABEL 控件（或者按下 ALT+T 組合鍵）時，LABEL 控件會將焦點設置到文本框：

以下是引用片段：
<label for="txtInputBox"><u>T</u>ype value:</label> 
<input type="text" id="txtInputBox" name="txtInputBox" accesskey="t" />

label 主要是給表單組件增加可訪問性設計的，一般我們都把 label 用在表單裡。除以上方法，還可以直接用 label 套嵌整個表單組件和文本標簽，如下面的例子：

以下是引用片段：
<form action="..." method="post"> 
<p> 
<label> 
   First Name 
   <input type="text" name="firstname" /> 
</label> 
<label> 
   <input type="text" name="lastname" /> 
   Last Name</label> 
</p> 
</form>

根據 規范 這樣文本會自動與鄰接的表單組件關聯，遺憾的是 IE 並不支持這個特性。 <form action="..." method="post"> <p> <label> First Name <input type="text" name="firstname" /> </label> <label> <input type="text" name="lastname" /> Last Name</label> </p> </form>
運行代碼復制代碼另存代碼