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

时间: 2024-09-15 05:17:23

HTML tabIndex属性的相关文章

在HTML中关于tabIndex属性

使用tabIndex属性可以设置TAB键在控件中的移动顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏览者使用TAB键在网页控件中移动时,将首先移动到具有最小tabIndex属性值的控件上,最后在具有最大tabIndex属性值的控件上结束移动. 如果有两个控件的tabIndex属性相同,则以控件在html代码中出现的顺序为准. 默认的tabIndex属性为 0 ,将排列在在所有指定tabIndex的控件之后. 而若把tabInd

html中input标签的tabindex属性

当浏览者浏览网站时可以通过按TAB键在网页的链接中依次移动,这是一个相当方便实用的功能.但如果网页中链接太多,恐怕按TAB键就没什么作用了,这时不妨通过改变TAB键移动的顺序来突出重点,在某些重要页面上方便访问者. 使用TABINDEX属性可以设置TAB键在链接中的移动顺序.把链接的TABINDEX属性设成1到32767的一个值,就可以把这个链接加入到 TAB键的序列中,而若把TABINDEX属性设为一个负值(如TABINDEX="-1"),那么这个链接将被排除在TAB键的序列之外.

JS魔法堂:属性、特性,傻傻分不清楚

或许你和我一样都曾经被下面的代码所困扰 var el = document.getElementById("dummy"); el.hello = "test"; console.log(el.getAttribute("hello")); // IE67下输出test,其他浏览器输出null   "搞毛啊?",苦逼的Jser对着浏览器大呼一声.然后就用下面蹩脚的方式草草处理掉了. function getAttr(el, p

用tabIndex轻松实现网页导航

网页 最近,当我在一个网站上输入表格数据时,我填写了一栏,并点击[Tab]键移到下一栏:当我抬头时,我惊奇的发现光标跳到页面下方的另一栏中.我用鼠标将光标移到正确的文本栏中,但不久[Tab]键又再次出现问题.这一情形使我想了解一下页面设计,以及tabIndex属性如何通过键盘帮助导航. 通过[Tab]键访问元素 HTML DOM tabIndex特性允许你设置或返回一个HTML元素的tab键顺序.IE 4.0最先支持此特性.起初,只有真正可通过[Tab]键访问的元素受到支持,如输入栏.链接等.如

vb的属性、方法和事件(六)

设置Tab键顺序 例如,假设您建立了两个名称为Text1和Text2的TextBox,然后又建立了一个名称为Commandl的CommandButton.应用程序启动时,Text1具有焦点.按TAB键将使焦点按控件建立的顺序在控件间移动,如图 3.20 所示.设置TabIndex属性将改变一个控件的tab键顺序. 控件的TabIndex属性决定了它在tab键顺序中的位置.按照缺省规定,第一个建立的控件其TabIndex 值为 0,第二个的 TabIndex 值为 1,以此类推.当改变了一个控件的

html教程:用tabIndex轻松实现网页导航

最近,当我在一个网站上输入表格数据时,我填写了一栏,并点击[Tab]键移到下一栏:当我抬头时,我惊奇的发现光标跳到页面下方的另一栏中.我用鼠标将光标移到正确的文本栏中,但不久[Tab]键又再次出现问题.这一情形使我想了解一下页面设计,以及tabIndex属性如何通过键盘帮助导航. 通过[Tab]键访问元素 HTML DOM tabIndex特性允许你设置或返回一个HTML元素的tab键顺序.IE 4.0最先支持此特性.起初,只有真正可通过[Tab]键访问的元素受到支持,如输入栏.链接等.如今,所

html5全局属性

全局属性:对于任何一个标签都是可以使用的属性. 一.data-* 在html5之前需要在html标签上添加自定义属性来存储和操作数据,可能是会写<form role="xxx">,但这是种非常不规范的方式. 也正是因为有这种自定义属性的需求,在html规范里增加了自定义属性data-*属性.html5中开发人员可自定义任何想要的属性,只要加上前缀data-,通过这种方式避免与未来的html版本冲突. <form data-type="comment"

《HTML 5与CSS 3 权威指南(第3版·上册)》——2.4 全局属性

2.4 全局属性 在HTML 5中,新增了一个"全局属性"的概念.所谓全局属性,是指可以对任何元素都使用的属性,本节将详细介绍几种常用的全局属性. 2.4.1 contentEditable属性 contentEditable是由微软开发的,被其他浏览器反编译并投入应用的一个全局属性.该属性的主要功能是允许用户编辑元素中的内容,所以该元素必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素中的内容允许编辑.contentEditable属性是一个布尔值

请教一个窗体按钮属性问题~

问题描述 如图:新建的窗体有两个按钮,项目运行时窗体打开默认设置参数按钮边框亮,我想让建模按钮边框默认亮,问题本身没什么难的,只是由于想不到这个对应哪个属性,请各位帮忙看一下! 解决方案 解决方案二:有几种解决方法1.可以以焦点触法他.2.重绘button样式3.可以设置文本色或以图片显示也可以.解决方案三:建模按钮.SetFocus();好像回答过你了.解决方案四:SetFocus还有一个方法就是去设置你同一个form里面所有按钮的TabIndex属性把你想默认选中的按钮的属性值设最小解决方案