Web之旅—— accesskey属性(5)

作者: 葉糖糖 | 来源:发表于2017-09-01 09:11 被阅读36次

    本小节内容非常简单,主要介绍accesskey的用法。在window系统上可以使用ALT+accesskey定位到相应的元素,这样可以进行元素和元素之前的快速切换。

    一、简单的Demo

    直接粘贴、复制如下代码。然后在浏览器中浏览网页,按住ALT+n/b/s/q将会发生神奇的效果。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>accesskey演示</title>
    </head>
    <body>
    <form action="" method="post">
        <label>姓名:</label>
        <input type="text"  accesskey="n"><br/>
        <label>邮箱:</label>
        <input type="text"  accesskey="b"><br/>
        <label>地址:</label>
        <input type="text"  accesskey="s"><br/>
        <button type="submit" accesskey="q">提交</button>
    </form>
    </body>
    </html>
    

    本小节,就讲这么一点。Thanks♪(・ω・)ノ

    PS:迫不及待想跟更多不谙世事的开发者一起玩耍的小伙伴,可以扫描二维码,加入程序人生q群。

    qq群-程序人生

    相关文章

      网友评论

        本文标题:Web之旅—— accesskey属性(5)

        本文链接:https://www.haomeiwen.com/subject/zzdhjxtx.html