最近在设计网页时,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<label></label>,今天在作一个新的东西就把lable总结一下html
lable有两个最主要的属性,for 、 accesskey
for属性
功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。
用法:<lable for="InputBox">姓名</lable><input id="InputBox" type="text"> 浏览器
另一个最主要的功能就是很是友好spa
<lable>用户名<input type="text" /></lable>设计
在HTML里,每一种HTML标签都有本身的意义,在作页面的时候选择适合的标签,少使用DIV,Span这些无语义的标签,只有在没法肯定使用什么标签才使用DIV。
accesskey
功能:表示访问lable标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。 htm
用法:<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 事件。事件