html label標籤的使用教學_基礎教程
在Dreamweaver8中,只要一加入表單或表單對象,文字方塊等等,就會在程式碼中加入一個,我一直沒明白這個label是做什麼的,今天正好看到了解釋:
Label 中有兩個屬性是非常有用的,一個是FOR、另外一個就是ACCESSKEY了。
FOR屬性
功能:表示Label標籤要綁定的HTML元素,你點選這個標籤的時候,所綁定的元素將會取得焦點。
用法:
ACCESSKEY屬性:
ACCESSKEY屬性:
註解
要將 LABEL 綁定其它的控件,請將 LABEL 元素的 FOR 屬性設為與該控制項的 ID 相同。將 LABEL 綁定到控制項的 NAME 屬性毫無用處。但是,要提交表單,你必須為 LABEL 元素所綁定到的控制項指定NAME。
有兩種方法為所指定的快速鍵新增底線。 LABEL 元素的 rich text 支援可以在 ACCESSKEY 屬性所指定的快速鍵字元兩側加上 U 元素。如果你更願意使用樣式表(CSS)來套用樣式,可以將該字元包含在 SPAN 中,並設定樣式為「text-decoration: underline」。
如果使用者點選 LABEL,則會先觸發 LABEL 上的 onclick 事件,然後觸發由 htmlFor 屬性指定的控制所指定的控制項上的 onclick 事件。按下 LABEL 設定的快速鍵將設定焦點但不觸發 onclick 事件。
要注意的地方:
1、標籤不允許巢狀。
2、此元素在Internet Explorer 4.0 及以上版本的 HTML 及腳本中可用。
3、此元素為內嵌元素。
4、此元素需關閉標籤。
元素範例程式碼
下面的範例使用了 LABEL 元素和 ACCESSKEY 屬性設定文字方塊的焦點。
T.S.

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)