• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html label标签的使用教程

    在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个label>/label>,一直没明白这个label是做什么的,今天正好看到了解释: 
    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属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。 

    注释 
           要将 LABEL 绑定到其它的控件,请将 LABEL 元素的 FOR 属性设置为与该控件的 ID 相同。将 LABEL 绑定到控件的 NAME 属性毫无用处。但是,要提交表单,你必须为 LABEL 元素所绑定到的控件指定NAME。 
    有两种方法给所指定的快捷键添加下划线。LABEL 元素的 rich text 支持可以在 ACCESSKEY 属性所指定的快捷键字符两侧加上 U 元素。如果你更愿意使用样式表(CSS)来应用样式,可以将该字符包含在 SPAN 中,并设置样式为“text-decoration: underline”。 

           如果用户单击 LABEL,则会先触发 LABEL 上的 onclick 事件,然后触发由 htmlFor 属性所指定的控件上的 onclick 事件。按下 LABEL 设定的快捷键将设置焦点但并不触发 onclick 事件。 

    需要注意的地方:
    1、标签不允许嵌套。 
    2、此元素在Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。 
    3、此元素是内嵌元素。 
    4、此元素需要关闭标签。 

    元素示例代码 
    下面的例子使用了 LABEL 元素和 ACCESSKEY 属性设置文本框的焦点。 
    LABEL FOR="oCtrlID" ACCESSKEY="1"> 
    SPAN style="text-decoration:underline;">名字/SPAN>: font color="#999999">按ALT+1到文本框/font>
    /LABEL> 
    INPUT TYPE="text" NAME="TXT1" VALUE="阿会楠"  SIZE="20" TABINDEX="1" ID="oCtrlID">
    演示:


    [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

    上一篇:base href 使用方法详解
    下一篇:使用CSS不用程序实现文字自动截断 用省略号代替
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    html label标签的使用教程 html,label,标签,的,使用,教程,