TabIndex 属性
html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。
把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中。
这样,当浏览者使用TAB键在网页控件中移动时,将首先移动到具有最小tabIndex属性值的控件上,最后在具有最大tabIndex属性值的控件上结束移动。
如果有两个控件的tabIndex属性相同,则以控件在html代码中出现的顺序为准。
默认的tabIndex属性为 0 ,将排列在在所有指定tabIndex的控件之后。
而若把tabIndex属性设为一个负值(如tabIndex="-1"),那么这个链接将被排除在TAB键的序列之外。 如果最初选择了[Tab]键,带这个输入栏的网页会将光标移动到firstName栏。
在给tabIndex特性赋值时,要留意几个问题。下面是几个赋值规则:
带0值tabIndex的元素根据源代码(或默认页面行为)进行排序。
大于0的tabIndex值设定其tab顺序。所有带正tabIndex值的元素出现在所有带0 tabIndex值的元素之前。
如果你犯了一个错误,把同一个tabIndex赋予给多个元素,像其它元素一样,它们会以一个0值tabIndex进行处理。
将tabIndex赋值为-1,则在使用[Tab]键时,此元素被忽略。注意:如果使用-1值时,onfocus与onblur事件仍被启动。 tabIndex的值可为0至32767之间的任意数字
TabIndex 属性相关推荐
- javascript tabIndex属性
tabIndex 的用处很简单,就是利用tab键遍历页面的表单元素和链接,按照tabindex的大小决定顺序.虽然微不足道,但细节处见真功夫,这是任何一个WEB应用应当具备的亲用力,保证用户在没有鼠标 ...
- TabIndex 属性 Tabindex=-1 与Tabindex=0、任意数字 (收录)
TabIndex 属性 Tabindex="-1" 与Tabindex="0".任意数字 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动 ...
- TabIndex 属性 Tabindex=-1 与Tabindex=0、任意数字
html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...
- tabindex 属性 - HTML中代表使用Tab键的遍历顺序
tabindex 属性 -- 代表使用"Tab"键的遍历顺序 可以使用Tab键遍历页面中的所有链接与表单元素,当遍历到某个链接时,按Enter即可进入该链接,相当于鼠标左键点击.遍 ...
- HTML中tabIndex属性马克 tabIndex='-1'是什么意思
转自:http://blog.csdn.net/tom0008668/article/details/64904752 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦 ...
- html中tabindex属性是啥意思
html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...
- php中tabindex,HTML TabIndex属性
TabIndex作用: tab几后来含些在到气时按式近篇来又的方浏消风index:全局属性.指示其元素是否可以聚焦(获得焦点),以及它是否/在何处参与顺序键盘导航(因通常使用tab键操作,顾因此得名) ...
- tabindex 属性 html5洗属性 规定当使用 “tab“ 键进行导航时元素的顺序。
tabindex 属性 html5洗属性 规定当使用 "tab" 键进行导航时元素的顺序. 定义和用法 tabindex 属性规定当使用 "tab" 键进行导 ...
- HTML tabindex属性与web网页键盘无障碍访问
转摘自:http://www.zhangxinxu.com/wordpress/2017/05/html-tabindex/ HTML虽然入门简单,但是,要想日后深入,却要花费非常大量的时间,因为一些 ...
- input标签的tabindex属性
众所周知,当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动,这是一个相当方便实用的功能.但如果你的网页中链接太多,恐怕按TAB键就没什么作用了,这时你不妨通过改变TAB键移动的顺序来突出重点 ...
最新文章
- 神经网络优化器的选择_神经网络:优化器选择的重要性
- 软件设计模式之适配器模式(JAVA)
- ads s参数拟合_数据分析--拟合
- 我学Delphi心得及笔记----内存(第七讲)
- “康园圈--互联网+校园平台“项目之拓展手机客户端
- 【机器学习】Cross-Validation(交叉验证)详解
- 计算机毕业设计源码—SpringBoot+Vue宿舍管理系统
- Excel-制作简单的环形柱状图
- 制作网站需要什么技术呢?
- 【Matlab图像隐写】DCT数字水印嵌入与提取【含GUI源码 943期】
- 2022-2028年中国燃气轮机行业市场专项调研及投资前景研究报告
- ArcGIS必会的几个工具的应用
- mdadm 创建md 删除md步骤
- 《了不起的盖茨比》----走出绿灯困境
- HTML5文件夹隐藏了怎么打开,如何打开隐藏文件夹,详细教您打开隐藏文件夹的方法...
- 2021年ICPC第九届陕西省赛题解(10/12)
- 卫星通信2卫星的定位
- 简单python代码讲解-使用Python编写简单的画图板程序的示例教程
- linux重置网络的命令,linux系统怎么重启网卡?linux重启网卡的三种教程
- Table表格文字超出后循环滚动的动画实现方案核心逻辑