zoukankan      html  css  js  c++  java
  • HTML label标签的for属性--input标签的accesskey属性

    本次示例是在firefox演示(如果其他浏览器对accesskey操作不成功的,请参考文章最后各浏览器下的快捷键)
    label的for属性是和input的id绑定,当我们点击input前面的文本标识会自动聚焦到文本框,例如:
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
        <form>
            <label for="name">用户名</label>
            <input type="text" name="name" accesskey="c" id="name" />
            <br/>
            <a href='./show.php' accesskey="h">去我的主页</a>
        </form>
    </body>
    </html>
    

     这个例子,当我点击用户名的时候,会自动聚焦到文本框里头,也就是光标会自动定位到文本框里

    
    

    accesskey 属性规定激活(使元素获得焦点)元素的快捷键。

    注释:以下元素支持 accesskey 属性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。

    以上示例 : shift+alt+c值 ,可以发现光标聚焦到该input内

                 shift+alt+h值 ,可以发现页面跳转到该a标签的href地址

    ---------------------------------------------------------------------------

    各种浏览器下accesskey快捷键的使用方法

    IE浏览器

    按住Alt键,点击accesskey定义的快捷键(焦点将移动到链接),再按回车.

    FireFox浏览器

    按住Alt+Shift键,点击accesskey定义的快捷键.

    Chrome浏览器

    按住Alt键,点击accesskey定义的快捷键.

    Opera浏览器

    按住Shift键,点击esc,出现本页定义的accesskey快捷键列表可供选择.

    Safari浏览器

    按住Alt键,点击accesskey定义的快捷键.

     

     

    
    
  • 相关阅读:
    BZOJ 2154 Crash的数字表格 【莫比乌斯反演】
    BZOJ 3529 [Sdoi2014]数表 【莫比乌斯反演】
    BZOJ 2820 YY的GCD 【莫比乌斯反演】
    BZOJ 2440 [中山市选2011]完全平方数 【莫比乌斯反演】
    [BalticOI 2004] Sequence
    AtCoder [ARC070E] NarrowRectangles
    AtCoder [AGC022E] Median Replace
    AtCoder [ARC101E] Ribbons on Tree
    CF107D Crime Management
    Loj 6497「雅礼集训 2018 Day1」图
  • 原文地址:https://www.cnblogs.com/gyrgyr/p/6203233.html
Copyright © 2011-2022 走看看