html accesskey (단축키 지정)
accesskey 속성은
마우스
등을
쓰지
않는
환경을
위해
링크나
입력
폼에서
키보드의
키
입력만으로
동작을
실행할
수
있도록 accesskey 속성값에 access 할
영어
또는
숫자
한문자를
지정하여
단축키를
설정한다.
사용법은
다음과
같다.
<input type="text" name="search" id="search" title="검색어입력" accesskey="S">
쉽게
접근하기위한
단축키로
보면된다.
accesskey의
실행
방법은
사용자의 OS와
브라우저에
따라
다르다. 특히, 다른
브라우저와는
다르게 IE(인터넷
익스플로러)에서는 <a> 태그에
지정된 accesskey를
실행하면
지정된
링크가
실행되는
것이
아니라, <a> 태그로
포커스가
이동된다. 이때 Enter를
눌러야
지정된
링크가
실행된다.
IE(인터넷
익스플로러에서는
예약어(F, E, V, A, T, H)는
사용
할
수
없다.
여기서
브라우져와
충돌이
일어날수
있기에
권장
접근키가
있다.
영문키의
경우 C, J, K, L, M. O, P, Q, R, S, U, X, Y
숫자키의
경우 1,2,3,4,5,6,7,8,9,0
기타로는 ' - [ ] ; ' , . /
* 브라우저별 accesskey 실행
방법
1. Window IE 6/7/8/9 : Alt + accesskey -> 포커스
이동(또는
서브밋)
2. Window Firefox 3 : Alt + Shift + accesskey -> 실행(또는 +엔터)
3. Window Safari 5 : Alt + accesskey -> 실행
4. Window Chrome : Alt + accesskey -> 실행
5. Window Opera 10 : Shift + Esc + accesskey -> 실행
html accesskey (단축키 지정)的更多相关文章
- 链接的热键属性accesskey
<a href="" accesskey="h"></a> 意思是按住Alt键+h,再按enter键就可以直接链接到HTML的目标网址中 ...
- HTML label标签的for属性--input标签的accesskey属性
本次示例是在firefox演示(如果其他浏览器对accesskey操作不成功的,请参考文章最后各浏览器下的快捷键)label的for属性是和input的id绑定,当我们点击input前面的文本标识会自 ...
- Nginx模块学习之————accesskey权限模块使用(简单的m3u8防盗链)
配置文件:http://www.cnblogs.com/tinywan/p/5983694.html 通过加密后的文件: 正确地址:curl -i http://访问的IP地址(这里是直播节点IP地址 ...
- Nginx模块学习之————accesskey权限模块使用(Nginx防盗链详细解说),防止别人下载文件和图片
nginx 的第三方模块ngx_http_accesskey_module 来实现下载文件的防盗链 1.具体安装教程:http://www.cnblogs.com/tinywan/p/5983694. ...
- IE Firefox Safari 下 通过Div“隐藏”设置Accesskey的submit input
实现效果: 进入页面后 通过快捷键 如Alt+C 调用相关的隐藏按钮 实现功能操作 正常情况下 设置 button => input type="submit" acces ...
- [转]HTML accesskey 属性
本文转自:http://www.dreamdu.com/xhtml/attribute_accesskey/ 17.2. HTML accesskey 属性 accesskey 属性 -- 代表链 ...
- HTML5 标准属性 NEW:HTML 5 中新的标准属性。 注释:HTML 4.01 不再支持 accesskey 属性:
属性 值 描述 accesskey character 规定访问元素的键盘快捷键 class classname 规定元素的类名(用于规定样式表中的类). contenteditable true f ...
- 快捷键accesskey
<!DOCTYPE html> <html> <body> <a href="http://www.w3school.com.cn/html/&qu ...
- HTML5 accesskey的用法
<button onclick="start()" accesskey="s">开始</button> <button oncli ...
随机推荐
- [iOS 多线程 & 网络 - 2.7] - NSURLCache
A.基本知识 1.为什么需要缓存? 有时候一个url会请求多次,得到的内容确实一样的 2.缓存的概念 3.缓存数据的过程 当服务器返回数据时,需要做以下步骤(1)使用服务器的数 ...
- [iOS基础控件 - 6.11.1] - 控制器 & 控制器view
A.控制器的创建 控制器常见的创建方式有以下几种通过storyboard创建 直接创建 ViewController *vc = [[ViewController alloc] init]; ...
- linux性能问题(CPU,内存,磁盘I/O,网络)
一. CPU性能评估 1.vmstat [-V] [-n] [depay [count]] -V : 打印出版本信息,可选参数 -n : 在周期性循环输出时,头部信息仅显示一次 delay : 两次输 ...
- Quality Center配置邮箱服务
Quality Center上要配置二个地方 mail direct pro配置 DNS地址是本机的地址就好了,不需要真实的DNS地址 SMTP端口使用普通的25就好了,不需要使用SSL的·465端口 ...
- 面试之BI-SQL--table转换
题目如下: Num 1 2 4 6 7 8 10 11 13 写条SQL语句转成下表: Column1 Column2 1 2 4 4 6 ...
- [转]sql server 数据库日期格式化函数
转至:http://www.cnblogs.com/hantianwei/archive/2009/12/03/1616148.html 0 或 100 (*) 默认值 mon ...
- PHP 中运用 elasticsearch
PHP扩展安装 1. 环境要求:PHP_VERSION >= 5.3.9,composer工具 2. 在E盘新建文件夹命名为elastic,,拷贝composer.phar到 E:/e ...
- Unity3D之Mecanim动画系统学习笔记(九):Blend Tree(混合树)
认识Blend Tree 我们在Animator Controller中除了可以创建一个State外还可以创建一个Blend Tree,如下: 那么我们看下新创建的Blend Tree和State有什 ...
- [1.1]Environment preset on a Windows server
1. Python 3.5.1 (also on your personal computer) 2. Django 1.10.1 (also on your personal computer) 3 ...
- UVa839 Not so Mobile
我的解法: 建树,递归判断 #include<cstdio> #include<cstring> #include<iostream> #include< ...