html中label标签的使用

    技术2022-05-11  66

    在学习中的过程中,碰到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属性,也就是热键或者说是快捷键.局限性相同.


    最新回复(0)