HTML5属性之accesskey属性

开课吧开课吧锤锤2021-07-27 15:21

有些元素能规定自己的属性,这种属性称为局部属性。比如link元素,它具有的局部属性有href、rel、hreflang、media、type、sizes这六个。全局属性:可以用来配置所有元素共有的行为,这种属性称为全局属性,可以用在任何一个元素身上。

HTML5属性之accesskey属性

accesskey属性  

使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键。  

<!DOCTYPE html>

<html lang="zh-CN">

<head>

   <meta charset="UTF-8">

   <meta >

   <meta http-equiv="X-UA-Compatible" content="ie=edge">

   <title>HTML全局属性测试</title>

</head>

<body>

   <form action="">

       <p>

           Name: <input type="text" >                

       </p>

       <p>

           Password: <input type="password" >                

       </p>

       <p>

           Name: <input type="submit" >                

       </p>

   </form>

</body>

</html>

在上面的例子中,三个input元素添加了accesskey属性,这样在Mac下就可以用Control+Alt(Option)+n快捷键访问到Name的输入框了。用来触发accesskey机制的按键组合因平台而异,具体如下:  

浏览器 / 平台 Window Linux Mac
Firefox Alt + Shift + key Alt + Shift + key Control + Alt + key
Internet Explorer Alt + key N/A N/A
Google Chrome Alt + key Alt + key Control + Alt + key
Safari Alt + key N/A Control + Alt + key
Opera 同 Google Chrome 同 Google Chrome 同 Google Chrome

关于accesskey这个全局属性的详解,可以看一下HTMLaccesskey属性与web自定义键盘快捷访问  

以上就是开课吧广场小编为大家整理发布的“HTML5属性之accesskey属性”一文,更多Web教程相关内容尽在开课吧Web教程频道。

web集训营

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享