`
personbeta
  • 浏览: 159966 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

tabIndex属性

    博客分类：
  • web
阅读更多

tabIndex 属性可设置或返回按钮、表单元素、链接等的 tab 键控制次序。

 

比如：

 

 

<form>
<input type="button" id="b1" tabIndex="1" value="Button 1" />
<br />
<input type="button" id="b2" tabIndex="3" value="Button 2" />
<br />
<input type="button" id="b3" tabIndex="2" value="Button 3" />
<br />
</form>

 

按照默认顺序，tab键控制顺序：b1->b2->b3。加上tabIndex属性后，tab键控制顺序：b1->b3->b2

 

分享到：
| 同步辅助类CountDownLatch和CyclicBarrier
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML5之tabindex属性全面解析

    下面小编就为大家带来一篇HTML5之tabindex属性全面解析。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码

    主要介绍了bootstrap模态框嵌套、tabindex属性、去除阴影,需要的朋友可以参考下

    javascript tabIndex属性

    围绕表单的可访问性与交互性上，各浏览器都下了很大工夫，比如fieldset与legend等用于增强区域感的元素，for，accessKey，defaultValue，maxlength，tabIndex等用于交互或提示的属性。不过，今天只讲tabIndex。

    利用TabIndex模拟控件数组

    ' 在窗体添加一个Panel控件(Panel1)、一个Button控件(Button1)，一个TextBox控件（TextBox6），在容器Panel1中添加5个TextBox控件(TextBox1~TextBox5)用来模拟控件数组,分别设置TabIndex属性为0~4。

    Jquery1.8 chm

    　jQuery 1.7.1不能正确地设置IE7中克隆元素的tabindex属性 　压缩的JS文件包含非ASCII字符 　如果body样式设置为display:none，则$('body').show()无法工作 　在IE9中element.css('filter')返回不明确 　在Android ...

    jquery-1.8.3.min.js

    jQuery1.7.1不能正确地设置IE7中克隆元素的tabindex属性 压缩的JS文件包含非ASCII字符 如果body样式设置为display:none，则$（'body'）。show（）无法工作 在IE9中element.css（'filter'）返回不明确 在Android ...

    VFP数据库系统Visual-FoxPro常用的表单控件.pdf

    可以使用TabIndex属性为标签指定一个Tab次序， 但标签并不能获得焦点，而是将焦点传递给Tab 键次序中紧跟着标签的下一个控件。 常用的标签属性： Caption属性 用于指定标签的标题文本，最多可包含的字 符数量为256...

    C#全能速查宝典

    《C#全能速查宝典》共分为8章，分别介绍了C#语言基础、Windows窗体及常用控件、Windows高级控件、控件公共属性、方法及事件、数据库开发、文件、数据流与注册表、GDI+绘图技术和C#高级编程，共包含562个C#编程中常用...

    C# 计算器

    * * 当某控件的Enable属性变为False的时候，它的焦点将转移到TabIndex属性值比它大1的控件上。 * 这时，如果有多个控件的TabIndex属性值同时比它大1，鼠标点击按钮或敲击键盘时候会发出“咚”的一声。...

    div失去焦点事件实现思路

    我们都知道blur只是针对form表单控件的，而对于 span , div , li 之类的，则没办法触发它们的动作，现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了。 真实项目代码: 代码如下: Esc.PopupMenu....

    从入门到精通HTML5——PDF——网盘链接

    　12.4.5 tabindex属性 240 　12.5 小结 240 　12.6 习题 240 　第13章 HTML 5的结构 242 　视频讲解：20分钟 　13.1 新增的主体结构元素 243 　13.1.1 article元素 243 　13.1.2 section元素 245 　13.1.3 nav元素 ...

    为JQuery EasyUI 表单组件增加焦点切换功能的方法

    JQuery EasyUI 各表单组件时，实际客户端页面元素是由 JQuery EasyUI 生成的，元素的焦点切换，虽然 Tab 键可以正常用，但顺序控制属性 tabindex 不起作用，因为页面看到的元素，是生成的，没有tabindex 属性，...

    tabbable:查找按制表顺序的DOM节点的后代

    元素直接在元素下面的第一个&lt;summary&gt; 元素没有元素的&lt;details&gt; 元素具有[contenteditable]属性的元素任何带有非负tabindex属性的东西但是，如果以下任何一项也是正确的，则上述任何一项都不会被视为可选项： 具有负...

    详细总结Javascript中的焦点管理

    让非表单元素获得焦点也是有办法的，先将tabIndex属性设置为-1，再调用focus()方法 &lt;div id=test xss=removed&gt;div &lt;button id=btn&gt;div元素获得焦点&lt;/button&gt; [removed] btn.onclick = function(){ ...

    解决bootstrap中modal遇到Esc键无法关闭页面

    bootstrap为我们提供了很多方便的...此问题在2.1以后版本出现，要解决这个问题也很简单，modal所在div添加一个tabindex属性即可： ”fade tabindex=”-1″&gt; 问题很简单，修复起来也很简单，希望对大家能够有所帮助。

    focusable-selectors:一个微型库，可导出用于集中化HTML元素CSS选择器数组

    …并且没有负的tabindex属性。 有关使用JavaScript并包含更多边缘情况的更高级解决方案，请参阅 。 用法 npm install --save focusable-selectors const selectors = require ( 'focusable-selectors' ) 要使用...

    jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)

    在所有可以获得交点的元素上是可以触发键盘事件的，可以获得焦点的元素可以这样理解，在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下，当tabindex设置为...

Magicbox
Global site tag (gtag.js) - Google Analytics