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)

    本小节内容非常简单,主要介绍accesskey的用法。在window系统上可以使用ALT+accesskey定位到...

  • web 属性

    accesskey 密码属性**** 编程语言:解释型和编译型WEB前端:HTML+CSS+JavaScript...

  • 2021-01-22面试题

    HTML全局属性(global attribute)有哪些(包含H5)? accesskey 为元素快捷键 cla...

  • HTML5全局属性

    HTML 属性能够赋予元素含义和语境。全局属性可用于任何HTML5元素 (1)accessKey——快捷键 (2)...

  • html属性

    accesskey accesskey 属性规定激活(使元素获得焦点)元素的快捷键。 以下元素支持 accessk...

  • HTML 5新元素--属性--属性值

    HTML 5新元素: 全局属性单词: accesskey--(@傻史key--快捷)--设置键盘快捷键 class...

  • HTML全局属性(详细)

    accesskey accesskey 属性规定激活(使元素获得焦点)元素的快捷键。 百度 即按alt+z可以打开...

  • HTML 全局属性

    HTML5 新属性 accesskey [规定激活(使元素获得焦点)元素的快捷键] 例子 百度 注意 在不...

  • HTML扩展知识

    1.全局属性 几乎所有元素都具有的属性 1.1 accesskey & tabindex 1.2 id,class...

  • 【HTML】全局属性:accesskey

    accesskey是html标签里的全局属性。 全局属性(global attribute)用来配置所有元素共有的...

网友评论

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

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