本次示例是在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. javap反编译解释外部类直接使用内部类private字段的原理
			
    2016-07-04 15:56:39 我们都知道: 1.内部类可以直接访问外部类的private字段和方法: 2.非静态内部类持有外部类的引用: 3.外部类可以直接访问内部类的private字段和方 ...
    
			
    2. 
						
  2. IIC总线解析
			
    IIC简介: IIC 即Inter-Integrated Circuit(集成电路总线),这种总线类型是由飞利浦半导体公司在八十年代初设计出来的,主要是用来连接整体电路(ICS) ,IIC是一种多向控 ...
    
			
    3. 
						
  3. MySQL----This version of MySQL doesn't yet support 'LIMIT & IN/ALL/ANY/SOME subquery
			
    This version of MySQL doesn't yet support 'LIMIT & IN/ALL/ANY/SOME subquery'的意思是,这版本的 MySQL 不支持使 ...
    
			
    4. 
						
  4. DataStructure——红黑树学习笔记
			
    1.前言 本文伪码和解释参考: http://blog.csdn.net/v_JULY_v/article/details/6105630 C实现的源码本文未贴出,请见: http://blog.cs ...
    
			
    5. 
						
  5. SQL表旋转
			
    在制作报表的时候,有时候会碰到基础资料是依照时间区间去一笔一笔记录的资料,但是使用者在看报表的时候想要将时间区间以横向的方式呈现不是直向的情况出现,又或者基础资料的表数据结构是横向的而使用者在看报表的 ...
    
			
    6. 
						
  6. 借用Google API在线生成网站二维码地址方法
			
    二维码其实很早就出现了,在国外很多年前就已经在应用了,国内这两年才开始异常的火爆,智能手机的发展,以及微博.微信等移动应用带动了二维码的普及.那么,如果为网址在线生成二维码呢?下面我们就来介绍一下Go ...
    
			
    7. 
						
  7. Integer Break（Difficulty: Easy）
			
    题目: Given a positive integer n, break it into the sum of at least two positive integers and maximize ...
    
			
    8. 
						
  8. SQL获取汉字首字母
			
    )) ) as begin ) ) collate Chinese_PRC_CI_AS,letter )) insert into @t(chr,letter) select '吖','A' unio ...
    
			
    9. 
						
  9. Maven联网问题
			
    关于Maven联网问题 关于如何找到Maven默认的本地仓库问题 修改Maven默认本地仓库 找到 <localRepository>/path/to/local/repo</loc ...
    
			
    10. 
						
  10. 悲惨记忆。。QImage之 pixel() && setPixel()参数不要给反了。。。
			
    QImage repairImg(width, height, QImage::Format_Mono); ; row < height; row++) { // uchar* ucRow =  ...
    
			
    11.