本次示例是在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. ZOJ 3817Chinese Knot(The 2014 ACM-ICPC Asia Mudanjiang Regional First Round)
			
    思路: 将4个串每个串都反向这样得到新的四个串一共8个串,对于母串每个位置检测这个串能不能放进去,hs或者后缀数组都可以.然后dp[i][j]  (0<i<len  0<=j< ...
    
			
    2. 
						
  2. Also unsere eigene Christian Louboutin Webshop bietet die überragende Christian Louboutin Schuhe uk schiebt zusammen mit kostengünstigen Wert
			
    www.heelschuhe.de, Es ist wirklich eine der Frauen erfordern immer interessant und auch Louboutin Pu ...
    
			
    3. 
						
  3. Titanium studio介绍
			
    1.Titanium Studio 概述 TitaniumStudio是Appcelerator公司开发的一款基于Eclipse的,使开发者利用Javascript来快速开发移动应用程序的跨平台的集成 ...
    
			
    4. 
						
  4. [javascript｜基本概念｜Number
			
    Number类型的值:整数/浮点数值 整数 十进制  e.g.: var intNum = 50; 八进制  (严格模式下无效,解析错误)字面值首位必须是0,之后的数字序列为0-7  e.g.: va ...
    
			
    5. 
						
  5. js控制select下拉列表数据绑定
			
    JS代码部分:  <script type="text/javascript"> $(document).ready(function () { $("sel ...
    
			
    6. 
						
  6. require.js源码分析
			
    写的寥寥草草,博客园的布局怎么弄还没有研究,再保存一份草稿,日后在完善,深度研究 require.js 加载顺序 1:加载html主页,require.js文件 2:脚本执行到html中的script ...
    
			
    7. 
						
  7. Linux/Unix 线程同步技术之互斥量(1)
			
    众所周知,互斥量(mutex)是同步线程对共享资源访问的技术,用来防止下面这种情况:线程A试图访问某个共享资源时,线程B正在对其进行修改,从而造成资源状态不一致.与之相关的一个术语临界区(critic ...
    
			
    8. 
						
  8. Android --差缺补漏之 Intent&putExtra()
			
    伴随着Android Developers 的开发,再也不用FQ了,这意味着Android 对中国学习者有着越来越多的官方学习资料,学习起来有更明确的方向和目标. Android Developer  ...
    
			
    9. 
						
  9. Oracle中INSTR、SUBSTR和NVL的用法
			
    Oracle中INSTR.SUBSTR和NVL的用法 INSTR用法:INSTR(源字符串, 要查找的字符串, 从第几个字符开始, 要找到第几个匹配的序号) 返回找到的位置,如果找不到则返回0. 默认 ...
    
			
    10. 
						
  10. 从UWP到SWIFT－开始
			
    hi,all 我呢,是一个win10 uwp的开发者,从wp7.wp8.wp8.1.win8.1 到现在的win10,一直在windows阵营,做过一些大家比较熟悉的东西现在也还是在做win10的uw ...
    
			
    11.