守望者--AIR技术交流

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
热搜: ANE FlasCC 炼金术
查看: 424|回复: 0

[HTML基础] HTML表单里的Label标签_XHTML教程

[复制链接]
  • TA的每日心情
    郁闷
    2016-8-19 16:08
  • 签到天数: 7 天

    [LV.3]偶尔看看II

    4

    主题

    31

    帖子

    2628

    积分

    少尉

    Rank: 6Rank: 6

    威望
    0
    贡献
    8
    金币
    320
    钢镚
    25
    发表于 2016-8-15 18:02:23 | 显示全部楼层 |阅读模式
    本帖最后由 我是一个兵 于 2016-8-15 18:03 编辑

    在Dreamweaver中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<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 属性设置文本框的焦点。

    1. <LABEL FOR="oCtrlID" ACCESSKEY="1">  
    2. <SPAN style="text-decoration:underline;">名字</SPAN>: <font color="#999999">按ALT+1到文本框</font>  
    3. </LABEL>  
    4. <INPUT TYPE="text" NAME="TXT1" VALUE="阿会楠" SIZE="20" TABINDEX="1" ID="oCtrlID">
    复制代码


    评分

    参与人数 1金币 +20 收起 理由
    破晓 + 20 很给力!

    查看全部评分

    我是一个兵
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    
    关闭

    站长推荐上一条 /4 下一条

    QQ|手机版|Archiver|网站地图|小黑屋|守望者 ( 京ICP备14061876号

    GMT+8, 2019-5-24 21:56 , Processed in 0.040271 second(s), 33 queries .

    守望者AIR

    守望者AIR技术交流社区

    本站成立于 2014年12月31日

    快速回复 返回顶部 返回列表