Hi,为确保您的账号安全,请大家修改登陆密码为包含大小写字母、标点、数字的复合密码,不要使用过于简单的登陆密码。
您当前的位置:首页 :: HTML5

label的作用与用法 lbel的聚集问题

时间:2013-09-06 16:28:21  来源:  作者:

在做项目的过程中,碰到label标签的属性,在<label>里用了两个文本框结果,点后的一个时候会自己动聚焦到前的一个。结果是label属性造成的。

<label for="username">点击此文本</label>
<input type="text" name="username" id="username" value="">

上面是label的基本用法,其中要注意的是“label”标签中的for属性与文本框标签中的id="username"相同,只有这两个值相同时,该标签才会与该元素关联,点击该标签的同时,该元素也将得到响应。

 

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次 / 评论0
评论(0)
还可以输入 2000 个字符
还可以输入 2000 个字符
取消回复
举报×

还可以输入 264 字符

收藏(0)×