lable的特殊用法

最近在设计网页时,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<label></label>,今天在做一个新的东西就把lable总结一下

lable有两个最主要的属性,for 、 accesskey
for属性
   功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。 
   用法:<lable for="InputBox">姓名</lable><input id="InputBox" type="text">

  另外一个最主要的功能就是非常友好

<lable>用户名<input type="text" /></lable>

 在HTML里,每一种HTML标签都有自己的意义,在做页面的时候选择适合的标签,少使用DIV,Span这些无语义的标签,只有在无法确定使用什么标签才使用DIV。
  accesskey
   功能:表示访问lable标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。

   用法:<lable for="userName" accesskey="N">姓名</lable><input id="userName" type="text"/>
局限性:accesskey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。 
注释 
要将 lable 绑定到其它的控件,请将 LABEL 元素的 FOR 属性设置为与该控件的 ID 相同。将 lable绑定到控件的name 属性毫无用处。但是,要提交表单,你必须为 LABEL 元素所绑定到的控件指定 NAME。 
有 两种方法给所指定的快捷键添加下划线。 lable元素的 rich text 支持可以在 accesskey 属性所指定的快捷键字符两侧加上 U 元素。

如果你更愿意使用样式表(CSS)来应用样式,可以将该字符包含在 SPAN 中,并设置样式为“text-decoration: underline”。 
如果用户单击 LABEL,则会先触发lable 上的 onclick 事件,然后触发由 htmlFor 属性所指定的控件上的 onclick 事件。按下 lable设定的快捷键将设置焦点但并不触发 onclick 事件。

posted @ 2016-03-25 19:31  高珊珊  Views(473)  Comments(0Edit  收藏  举报