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">
演示：

html label作用

名字: 按ALT+1到文本框

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • html label标签的使用教程

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

  • javascript实现label标签跳出循环操作

    出场: 首先我们来说说为什么需要label标签,虽然我们已经知道有break,continue跳出循环,但如果是多重循环那么它们就显的无能为力了,所以就出现了label这个标签来为我们服务. 我们先来看看单独使用break的情况 for(var i=0;i<4;i++){ for(var j=0;j<4;j++){ if(i===1&&j===1){ break; }else{ console.log("i:"+i+"--j:"+j);

  • Java基于线程实现带有滚动效果的Label标签实例

    本文实例讲述了Java基于线程实现带有滚动效果的Label标签.分享给大家供大家参考.具体如下: import java.awt.Graphics; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; /** * Java中用线程实现带有滚动效果的Label标签 */ public class Test extends JFrame { private static final long

  • layui使用label标签的方法

    1. //引入layui标签 2. //body写代码 <form class="layui-form" action=""> <div class="layui-inline"> <label class="layui-form-label">选择课程:</label> <div class="layui-input-inline"> <s

  • C#利用Label标签控件模拟窗体标题的移动及窗体颜色不断变换效果

    前言 标签(Label)控件是最常用的控件,在任何Windows应用程序中都可以中都可以看到标签控件.标签控件用于显示用户不能编辑的文件或图像,常用于对窗体上各种控件进行标注或说明. 在窗体中添加标签控件时,会创建一个Label类的实例.Label控件派生自Control控件,和其他控件一样支持事件,但通常不需要添加任何事件代码. 本文主要给大家介绍了关于C#用Label标签控件模拟窗体标题移动及窗体颜色不断变换的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 开发工

  • 解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

    问题描述: 在IE8及以下版本时,点击label标签无法自动触发checkbox的click事件,导致无法产生希望的效果. 原HTML代码: <div class="col-sm-2"> <label><input type="checkbox" id="chk_sqjc" value="申请检查" name="menu" class="cbr cbr-blue&qu

  • pytorch实现onehot编码转为普通label标签

    label转onehot的很多,但是onehot转label的有点难找,所以就只能自己实现以下,用的topk函数,不知道有没有更好的实现 one_hot = torch.tensor([[0,0,1],[0,1,0],[0,1,0]]) print(one_hot) label = torch.topk(one_hot, 1)[1].squeeze(1) print(label) tensor([[0, 0, 1], [0, 1, 0], [0, 1, 0]]) tensor([2, 1, 1]

  • django为Form生成的label标签添加class方式

    使用Form生成html标签的时候,虽然提供了widget的方法可以自定义标签的要是,但是只能给生成的input标签添加样式,对于生成的label标签无法添加样式. 而很多场景下需要为label和input都添加class以实现自定义样式. 测试环境 创建一个Form,通过Form帮我们生成HTML: # urls.py 文件,对应关系 path('email/', views.email), # forms.py 文件 from django.forms import Form from dj

  • 解决react中label标签for报错问题

    解决react中label标签for报错问题

    要求:点击账号或密码,自动将焦点转到相关的表单控件(input)上. 问题:功能可以使用,但是会有报错. 解决办法:react中label标签没有for属性,用htmlFor代替for属性 demo的代码: 报错 修改后的代码 到此这篇关于react中label标签for报错的文章就介绍到这了,更多相关react中label标签内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

  • Git中tag标签的使用教程

    目录 一.tag简介 二.tag使用命令 1.列出所有tag 2.查看tag信息 3.创建tag 4.创建带注释tag 5.推送tag 6.特定commit_id创建tag 7.删除tag 8.检出tag 9.切换tag 10.为之前提交的添加tag 11.重命名tag 一.tag简介 tag是git版本库的一个标记,指向某个commit的指针.tag主要用于发布版本的管理,一个版本发布之后,我们可以为git打上 v.1.0.1 ,v.1.0.2 …这样的标签.tag感觉跟branch有点相似,

随机推荐