<lable >標簽
<lable >標簽有什么作用？怎么使用？
魏阿賢
2016-03-24
2 回答
舉報
0/150
提交
取消
<lable >標簽有什么作用？怎么使用？
2016-03-24
舉報
2016-03-24
可以使標簽內(nèi)的區(qū)域指向label標簽for屬性指代的對象的事件。
無label標簽:<input id="ye" type="checkbox" /> ? 文本
有l(wèi)abel標簽:<label for="ye"><input id="ye" type="checkbox" />
? 文本</label>
有l(wèi)abel標簽的這一段，點擊標簽中的文本，可使多選框聚焦。
2016-03-24
Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。?
FOR屬性?
功能：表示Label標簽要綁定的HTML元素，你點擊這個標簽的時候，所綁定的元素將獲取焦點。?
用法：<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">?
ACCESSKEY屬性：?
功能：表示訪問Label標簽所綁定的元素的熱鍵，當您按下熱鍵，所綁定的元素將獲取焦點。?
用法：<Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text">
局限性：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 事件。?
標簽不允許嵌套。?
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。?
此元素是內(nèi)嵌元素。?
此元素需要關閉標簽。?
元素示例代碼?
下面的例子使用了 LABEL 元素和 ACCESSKEY 屬性設置文本框的焦點。?
This example uses the LABEL element and the ACCESSKEY attribute to set focus on a text box.?
Html代碼?
1.<LABEL FOR="oCtrlID" ACCESSKEY="1">?
2.<!--<SPAN style="text-decoration:underline;">1</SPAN>: Press Alt+1 to set focus to textbox-->?
3.</LABEL>?
4.<INPUT TYPE="text" NAME="TXT1" VALUE="binding sample 1"?
5.SIZE="20" TABINDEX="1" ID="oCtrlID">