本次示例是在firefox演示(如果其他浏览器对accesskey操作不成功的,请参考文章最后各浏览器下的快捷键)
label的for属性是和input的id绑定，当我们点击input前面的文本标识会自动聚焦到文本框，例如：
<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

    <form>

        <label for="name">用户名</label>

        <input type="text" name="name" accesskey="c" id="name" />

        <br/>

        <a href='./show.php' accesskey="h">去我的主页</a>

    </form>

</body>

</html>

这个例子，当我点击用户名的时候，会自动聚焦到文本框里头，也就是光标会自动定位到文本框里





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






注释：以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。


以上示例 : shift+alt+c值 ,可以发现光标聚焦到该input内


shift+alt+h值 ,可以发现页面跳转到该a标签的href地址


---------------------------------------------------------------------------


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


IE浏览器


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


FireFox浏览器


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


Chrome浏览器


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


Opera浏览器


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


Safari浏览器


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




												


											
HTML label标签的for属性--input标签的accesskey属性的更多相关文章
	

    
								
  1. 前端 HTML body标签相关内容 常用标签 表单标签 form里面的 input标签介绍
		
    input标签用于接收用户输入.可以利用input 可以做登录页面 input标签是行内块标签 <input> 元素会根据不同的 type 属性,变化为多种形态. name属性:表单点击提 ...
    
		
    2. 
						
  2. 解决input标签placeholder属性浏览器兼容性问题的一种方法
		
    为文本框input添加文字输入提示,H5为input提供了一个placeholder属性.在支持H5的浏览器中,用此属性设置输入提示,简单方便,但是对于IE8以下版本,都不支持placeholder属 ...
    
		
    3. 
						
  3. 如何用input标签上传多个图片并回显
		
    本文主要记录如何用input标签和jquery实现多图片的上传和回显,不会涉及后端的交互,大概的效果看图 我们从零来做一个这样的demo 第一步: 我们先完善一下我们的页面,默认的input-file ...
    
		
    4. 
						
  4. 前端 html input标签  placeholder属性 标签上显示内容
		
    前端 html  input标签 的placeholder属性  标签上显示内容 <!DOCTYPE html> <html lang="en"> < ...
    
		
    5. 
						
  5. php 处理 form 表单提交多个 name 属性值相同的 input 标签
		
    一 问题 在公司的开发过程中,遇到了一个问题:如何处理 form 表单提交了多个 name 属性值相同的 input 标签?源码如下(源码是在 form 表单之中的): <!--{loop $a ...
    
		
    6. 
						
  6. [oldboy-django][2深入django]学生管理（Form）-- 编辑(设置input标签属性，设置input标签默认显示值，设置input的类型）
		
    1 django 后台实现设置input标签属性,设置input标签默认显示值,设置input输入框类型 # Form生成html标签 a. 通过Form生成Input输入框,Form标签,以及sub ...
    
		
    7. 
						
  7. input标签file的value属性IE兼容性问题
		
    在IE中input标签file的value属性是只读的,不能通过js来改变,如下代码在IE中就是无效的: var input = document.getElementById('file'); in ...
    
		
    8. 
						
  8. HTML中强大的input标签属性
		
    用了许久的html,<input>这个标签是最常用的标签之一. <input type="">标签中type属性是必不可少的,以往我最常用的有 type=& ...
    
		
    9. 
						
  9. html <input>标签类型属性type(file、text、radio、hidden等)详细介绍
		
    html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. SqlServer索引使用及维护
			
    在应用系统中,尤其在联机事物处理系统中,对数据查询及处理速度已成为衡量应用系统的标准. 而采用索引来加快数据处理速度也成为广大数据库用户所接受的优化方法. 在良好的数据库设计基础上,能够有效地索引是S ...
    
			
    2. 
						
  2. maven_spring mvc_mina_dome(实体，文件，批传)(spring mina 初学dome)
			
    看我们群里经常有人在问mina心跳问题,虽然俺是菜鸟可是觉得挺简单的啊,就写了个dome,希望大家多多提意见. 俺做过一段时间网络协议.所以觉得挺简单的吧.哎呀,反正技术就那样了没啥难的. 废话不多说 ...
    
			
    3. 
						
  3. Firebug的下载安装
			
    网上下载到的Firebug最后得到的都是一个.xpi文件 这个文件直接从文件夹拖入火狐浏览器就可以完成安装了,但浏览器总会告诉你无法通过验证.... 这时候你只需要在火狐浏览器中输入about:con ...
    
			
    4. 
						
  4. 【译】Permissions Best Practices Android M权限最佳做法
			
    Permissions Best Practices PreviousNext In this document Consider Using an Intent Don't Overwhelm th ...
    
			
    5. 
						
  5. 64位Win7  VS调试、PLSQL与oracle的连接异常问题
			
    系统换为64位Win7后,VS与Oracle开发环境出现了很多问题.调试无法连接Oracle,PLSQL无法连接Oracle等一系列问题.下面记录一下处理办法: 1.oracle客户端选择32位进行安 ...
    
			
    6. 
						
  6. multipath tcp experiment
			
    git clone https://github.com/Neohapsis/mptcp-abuse.git sudo apt-get install python-pip sudo pip inst ...
    
			
    7. 
						
  7. InnoDB 存储引擎的锁机制
			
    测试环境隔离级别:REPEATABLE-READ 行级别的 - Share and Exclusive Locks 共享锁 S:允许持有S锁的事务对行进行读操作 排他锁 X: 允许持有X锁的事务对行进 ...
    
			
    8. 
						
  8. NSString,NSArray,NSNumber等类的继承问题
			
    问题引入,我想给NSString类扩展一些新的方法.在Objective-C中可以有两种方法,一是继承,二是类别.本文先不讨论类别,我们用继承的方法试一下: @interface StringEx : ...
    
			
    9. 
						
  9. WebDriver 常见Exception处理
			
    1. org.openqa.selenium.WebDriverException: unknown error: unhandled inspector error: {"code&quo ...
    
			
    10. 
						
  10. script标签里的defer属性
			
    入职新公司,看代码的时候注意到有的script标签中有一个defer属性,查了一下.在这里分享出来. 需要注意的有三点,其中前两点是在错误中分辨出来的: 错误来源:http://www.w3schoo ...
    
			
    11.