zoukankan      html  css  js  c++  java
  • 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 事件。

  • 相关阅读:
    随笔和文章的区别
    02. 什么是 SOA?
    GOF 23种设计模式(Patterns in Java)
    ASP.NET MVC: how to include <span> in link from Html.ActionLink?
    Head First 02.观察者模式(Observer)
    ActionResult types in MVC2
    探索推荐引擎内部的秘密,第 1 部分: 推荐引擎初探
    Head First 01.策略模式(Strategy Pattern)
    SOA实施:不能忽略商业价值
    nmon analyser——生成 AIX 性能报告的免费工具
  • 原文地址:https://www.cnblogs.com/syp1/p/5320710.html
Copyright © 2011-2022 走看看