htmllabel標簽的使用教程_基礎教程

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 18:55:13

htmllabel標簽的使用教程_基礎教程

htmllabel標簽的使用教程_基礎教程:在Dreamweaver8中，只要一加入表單或表單對象，文本框等等，就會在代碼中加入一個，一直沒明白這個label是做什么的，今天正好看到了解釋： Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。 FOR屬性功能：表示Label標簽要綁定的

推薦度：

點擊下載本文 文檔為doc格式

導讀htmllabel標簽的使用教程_基礎教程:在Dreamweaver8中，只要一加入表單或表單對象，文本框等等，就會在代碼中加入一個，一直沒明白這個label是做什么的，今天正好看到了解釋： Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。 FOR屬性功能：表示Label標簽要綁定的

在Dreamweaver8中，只要一加入表單或表單對象，文本框等等，就會在代碼中加入一個，一直沒明白這個label是做什么的，今天正好看到了解釋：
Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。
FOR屬性
功能：表示Label標簽要綁定的HTML元素，你點擊這個標簽的時候，所綁定的元素將獲取焦點。
用法：姓名

ACCESSKEY屬性：
功能：表示訪問Label標簽所綁定的元素的熱鍵，當您按下熱鍵，所綁定的元素將獲取焦點。
用法：姓名
局限性：accessKey屬性所設置的快捷鍵不能與瀏覽器的快捷鍵沖突，否則將優(yōu)先激活瀏覽器的快捷鍵。

注釋
要將 LABEL 綁定到其它的控件，請將 LABEL 元素的 FOR 屬性設置為與該控件的 ID 相同。將 LABEL 綁定到控件的 NAME 屬性毫無用處。但是，要提交表單，你必須為 LABEL 元素所綁定到的控件指定NAME。
有兩種方法給所指定的快捷鍵添加下劃線。LABEL 元素的 rich text 支持可以在 ACCESSKEY 屬性所指定的快捷鍵字符兩側加上 U 元素。如果你更愿意使用樣式表(CSS)來應用樣式，可以將該字符包含在 SPAN 中，并設置樣式為“text-decoration: underline”。

如果用戶單擊 LABEL，則會先觸發(fā) LABEL 上的 onclick 事件，然后觸發(fā)由 htmlFor 屬性所指定的控件上的 onclick 事件。按下 LABEL 設定的快捷鍵將設置焦點但并不觸發(fā) onclick 事件。

需要注意的地方：
1、標簽不允許嵌套。
2、此元素在Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。
3、此元素是內(nèi)嵌元素。
4、此元素需要關閉標簽。

元素示例代碼
下面的例子使用了 LABEL 元素和 ACCESSKEY 屬性設置文本框的焦點。

名字: 按ALT+1到文本框

演示：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>html label作用</title> </head> <body> <LABEL FOR="oCtrlID" ACCESSKEY="1"> 名字: <font color="#999999">按ALT+1到文本框</font> </LABEL> <INPUT TYPE="text" NAME="TXT1" VALUE="阿會楠" SIZE="20" TABINDEX="1" ID="oCtrlID"> </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

htmllabel標簽的使用教程_基礎教程

推薦度：

點擊下載本文 文檔為doc格式

標簽：標簽使用教程

熱門焦點

htmllabel標簽的使用教程_基礎教程

htmllabel標簽的使用教程_基礎教程

htmllabel標簽的使用教程_基礎教程

最新推薦

猜你喜歡

熱門推薦