HTML accesskey属性

由网友 大卫 发布 阅读 7

HTML accesskey属性

accesskey 全局属性 提供了为当前元素生成快捷键的方式。属性值必须包含一个可打印字符。

HTML 全局属性

在线示例

accesskey的使用:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>大卫编程网(div.cn)</title> 
</head>
<body>
<form>
<input type ="text” name="name" value="enter your name:" size="25" maxlength="30" accesskey="n"> <u>n</u>ame<br><br>
<input type ="password" name="passwd" size="25" maxlength="30" accesskey="p"> <u>p</u>password<br><br>
<input type ="text" name="address" size="25" maxlength="30" accesskey="a"> <u>a</u>address<br><br>
<input type ="radio" name="sex" value="male" accesskey="m" checked><u>m</u>ale<br>
<input type ="radio" name="sex" value="female" accesskey="f"> <u>f</u>female<br>
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 accesskey 属性

定义和用法

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

注意: 在不同操作系统中不同的浏览器中访问快捷键的方式不同:

BrowserWindowsLinuxMac
Internet Explorer[Alt] + accesskeyN/A
Chrome[Alt] + accesskey[Alt] + accesskey[Control] [Alt] + accesskey
Firefox[Alt] [Shift] + accesskey[Alt] [Shift] + accesskey[Control] [Alt] + accesskey
Safari[Alt] + accesskeyN/A[Control] [Alt] + accesskey
OperaOpera 15 or newer: [Alt] + accesskey
Opera 12.1 or older: [Shift] [Esc] + accesskey

但是,在大多浏览器中快捷键可以设置为另外一组组合。

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

IE浏览器

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

FireFox浏览器

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

Chrome浏览器

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

Opera浏览器

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

Safari浏览器

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

HTML 4.01 与 HTML5之间的差异

在 HTML5 中,  accesskey 属性可用于任何 HTML 元素 (它会 验证任何HTML元素。但不一定是有用)。

在 HTML 4.01 中,  accesskey 属性可使用于: <a>, <area>, <button>, <input>, <label>, <legend>, 和 <textarea>。

语法

<element accesskey="character">

属性值

描述
character指定激活元素的快捷键
HTML 全局属性

HTML class属性 HTML id属性