当前位置:  编程技术>WEB前端

html label标签的使用教程

    来源: 互联网  发布时间:2014-09-06

    本文导语:  在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个,一直没明白这个label是做什么的,今天正好看到了解释:  Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。  FOR属性  功...

在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个,一直没明白这个label是做什么的,今天正好看到了解释: 
Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 
FOR属性 
功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。 
用法:姓名 

ACCESSKEY属性: 
功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。 
用法:姓名 
局限性: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 属性设置文本框的焦点。 
 
名字: 按ALT+1到文本框
 

演示:

html label作用 名字: 按ALT+1到文本框
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    
 
 

您可能感兴趣的文章:

  • Web前端设计:html上标<sup>标签与下标<sub>标签详解
  • 留言板问题,如何过滤掉html标签 防止别人引用html的标签呢??如<font color=red>测试</font>
  • html<pre>标签自动换行实现方法
  • C#实现过滤html标签并保留a标签的方法
  • HTML 5 <!DOCTYPE> HTML文档规范声明标签
  • jquery删除指定的html标签并保留标签内文本内容的方法
  • PHP去除html标签,php标记及css样式代码参考
  • 删除html标签得到纯文本可处理嵌套的标签
  • html中<radio>单选按钮控件标签用法解析及如何设置默认选中
  • php转换html标签小例子
  • Web前端设计:Html强制不换行<nobr>标签用法代码示例
  • 移除HTML标签的正则表达式
  • HTML5 <audio> 标签-在html中定义声音的标签
  • html小技巧之td,div标签里内容不换行
  • Html checkbox标签如何设置默认选中以及用js操作checkbox代码示例
  • PHP删除HTMl标签的代码
  • html form标签用法(js操作form)介绍及代码示例
  • asp.net去除HTML标签删除HTML小例子
  • HTML 5 <body> 标签-定义文档的主体
  • 去除HTML标签删除HTML示例代码
  • HTML5 <bdo> 标签:覆盖默认的文本方向
  • PHP中HTML标签过滤技巧
  • php使用strip_tags从字符串中去除html标记
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • HTML 5 <article> 标签定义用法及使用情景举例
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • HTML如何使用各种CSS 样式
  • 怎样使用javamail发送带有html格式信息的文件
  • asp.net使用mshtml处理html的代码
  • JPS(也可以说是HTML)中如何使用JApplet?
  • 哪里能获得文本框与弹出日历联合使用的HTML源码?
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Python下Html/xml解析库Beautiful Soup快速入门教程
  • android教程之textview解析带图片的html示例
  • HTML超文本标记语言教程及实例
  • HTML 30分钟入门教程
  • HTML 学习总结及下一步学习教程推荐
  • 用html css javascript打造自己的RIA图文教程第1/2页
  • HTML 基础知识教程及代码实例
  • HTML 基本布局教程
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 在html运行的applet中需要访问oracle,在jb里可以连接,但直接点击html时就出现找不到类“sun.jdbc.odbd.JdbcOdbcDriver"?
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • 把 CDATA 中的内容(有可能是不规范的Html代码)以Html方式展现出来。
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • C#中Html.RenderPartial与Html.RenderAction的区别分析
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • i have a string="<html><body><font color='red'>i want display</font></body><html>", can i display it in java?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3