在HTML中的tabIndex属性

使用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之间的任意数字

【在HTML中的tabIndex属性】相关文章:

html的index属性1是最小的吗,在HTML中的tabIndex属性相关推荐

  1. html中的tabIndex属性使用简介

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

  2. php中tabindex,HTML TabIndex属性

    TabIndex作用: tab几后来含些在到气时按式近篇来又的方浏消风index:全局属性.指示其元素是否可以聚焦(获得焦点),以及它是否/在何处参与顺序键盘导航(因通常使用tab键操作,顾因此得名) ...

  3. input标签的tabindex属性

    众所周知,当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动,这是一个相当方便实用的功能.但如果你的网页中链接太多,恐怕按TAB键就没什么作用了,这时你不妨通过改变TAB键移动的顺序来突出重点 ...

  4. TabIndex 属性 Tabindex=-1 与Tabindex=0、任意数字 (收录)

    TabIndex 属性 Tabindex="-1" 与Tabindex="0".任意数字 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动 ...

  5. TabIndex 属性 Tabindex=-1 与Tabindex=0、任意数字

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

  6. HTML中tabIndex属性马克 tabIndex='-1'是什么意思

    转自:http://blog.csdn.net/tom0008668/article/details/64904752 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦 ...

  7. html中tabindex属性是啥意思

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

  8. html 折线边框,HTML中的边框属性

    可以通过边框风格属性border-style设定上下左右边框的风格,该属性用于设置一个元素边框的样式,而且必须用于指定可见的边框.可以使用1到4个关键字,如果四个值都给出了,它们分别用于上.右.下和左 ...

  9. TabIndex 属性

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

最新文章

  1. springboot 头像上传 文件流保存 文件流返回浏览器查看 区分操作系统 windows 7 or linux...
  2. Hadoop集群的基本操作(一:HDFS操作及MapReduce程序练习)
  3. 从零开始一个http服务器(五)-模拟cgi
  4. z390可以装服务器系统吗,z390主板如何装win10系统 有什么方法
  5. 中科大软件测试期末复习
  6. C#代码中背后进行的值拷贝
  7. broadcast receiver 接收设备重启意图( boot_completed Broadcast Intent)而重启定时器
  8. RAID原理分析总结-运维工作记录
  9. SCU 4444: Travel(最短路)
  10. 弹出ifame页面(jquery.reveal.js)
  11. java mysql大小写_java – 使用select where where Mysql在Mysql中区分大小写
  12. aaas的主题--智能制造
  13. 使用medusa进行ssh爆破
  14. ThinkPad T420 clover引导安装黑苹果(x220和T520也适用)
  15. WIN10 LTSC 2019 安装新版Mircosoft Edge浏览器,解决无法安装问题
  16. Mixly实现秒表功能
  17. ddn(ddnnpap)
  18. Setup time和Holdon time
  19. 主成分分析二级指标权重_主成分分析法 - 确定多因素影响权重
  20. [HEOI 2012] 采花

热门文章

  1. matlab标准化还原,1.2基于MATLAB的数据预处理(标准化变换部分)
  2. @JsonSerialize注解 对double保留两位小数
  3. python-opencv图像处理-腐蚀和膨胀
  4. linux 运行class文杰,Linux详细教程
  5. 西门子real是什么数据类型_西门子S7-1500 PLC的基本数据类型
  6. 关于后台报错:no getter for property named ‘ew‘ in ‘class com.baomidou.mybatisplus.core.conditions.query.xx
  7. VS工程中sdf和ipch文件解决
  8. 视音频数据处理入门:FLV封装格式解析
  9. Edge获取网页内置的pdf
  10. RadioButton 状态选择器