html中label標籤的使用
阿新 • • 發佈:2019-02-11
在學習中的過程中,碰到label標籤的屬性
在此記錄備忘:
<label for="chk">點選此文字</label>
<input type="checkbox" name="c1" id="chk" value="checkbox">
上面是label的基本用法,其中要注意的是“label”標籤中的for屬性與選框標籤中的id="chk"相同,只有這兩個值相同時,該標籤才會與該元素關聯,點選該標籤的同時,該元素也將得到響應。
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屬性所設定的快捷鍵不能與瀏覽器的快捷鍵衝突,否則將優先啟用瀏覽器的快捷鍵。
其實其它的表單元素也有accesskey屬性,也就是熱鍵或者說是快捷鍵.侷限性相同.