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 ...
随机推荐
- [C语言 - 8] 枚举enum
枚举是c语言中得一种基本数据类型,不是数据结构 用于声明一组常数 1. 3中枚举变量的方式 a. 先定义类型, 再定义变量 b. 同时定义类型和变量 c. 匿名定义 enum Season {Spri ...
- ASP.NET网站如何显示自己的网页图标
转载自 http://www.webtag123.com/dotnet/17238.html 1. 直接放个ico图标到你网站的根目录,并命名为favicon.ico就可以了.favicon.ico应 ...
- HDU 5521 Meeting (最短路,dijstra)
题意:有N个点,两个人,其中一个人住在点1,另一个人住在点n,有M个点集,集合内的数表示任意两点的距离为dis ,现在问,如果两个人要见面, 需要最短距离是多少,有哪几个点能被当成见面点. 析:分别对 ...
- 神经网络环境搭建,windows上安装theano和keras的流程
今天碰到有朋友问道怎么在windows下安装keras,正好我刚完成搭建,总结下过程,也算是一个教程吧,给有需要的朋友. 步骤一:安装python. 这一步没啥好说的,下载相应的python安装即可, ...
- nrpe 在ubuntu上安装遇到的问题
Nagios Linux客户端需要安装NRPE进行数据收集,如果在Ubuntu系统下安装过程中遇到下面的错误提示:checking for SSL libraries... configure: er ...
- CentOS6.4 64位系统安装jdk
1. CentOS操作安装好了以后,系统自带了openJDK,先查看相关的安装信息: $rpm -qa | grep java tzdata-java-2013b-1.el6.noarchjava-1 ...
- Codeforces Gym 100610 Problem K. Kitchen Robot 状压DP
Problem K. Kitchen Robot Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/gym/10061 ...
- 自定义的带tab的可左右滑动的viewpager之二viewpager与fragment不兼容
总的来说,这个TAB用起来还算方便吧 不过随着用的地方多起来,发现了一些问题,比如下面这个界面: TAB1和TAB2都是表单,保存按钮对两个TAB都有效:若当前显示TAB1,点击保存则保存TAB1的f ...
- Android apk的安装、卸载、更新升级(通过Eclipse实现静默安装)
一.通过Intent消息机制发送消息,调用系统应用进行,实现apk的安装/卸载 . (1) 调用系统的安装应用,让系统自动进行apk的安装 String fileName = "/data/ ...
- linux下tomcat开机自启动
tomcat自启动配置: 方法一: vi /etc/rc.local 添加如下一行 /opt/apache-tomcat-7.0.29/bin/startup.sh (脚本绝对路径) 注意:要添加在e ...