DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 網頁:簡述 label 標簽的用法
網頁:簡述 label 標簽的用法
編輯: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 並不支持這個特性。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved