使用 LABEL 對象
HTML 4.0 規范引入了 LABEL 對象,您可以使用它來將文本與其他任何 HTML 對象或內部控件相關聯。無論用戶單擊 LABEL 或者 HTML 對象,鏈接的 LABEL 和 HTML 對象在引發和接收事件時行為一致。要鏈接 LABEL 和 HTML 對象,請將 LABEL 的 FOR 屬性設置為等於 HTML 對象的 ID 屬性。
下列示例將 LABEL 控件與文本框相關聯。當用戶單擊 LABEL 控件(或者按下 ALT+T 組合鍵)時,LABEL 控件會將焦點設置到文本框:
以下是引用片段:label 主要是給表單組件增加可訪問性設計的,一般我們都把 label 用在表單裡。除以上方法,還可以直接用 label 套嵌整個表單組件和文本標簽,如下面的例子:
<label for="txtInputBox"><u>T</u>ype value:</label>
<input type="text" id="txtInputBox" name="txtInputBox" accesskey="t" />
以下是引用片段:
<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>