TabIndex

关键词:TabIndex,TabIndex的介绍,TabIndex作用,TabIndex的用法



TabIndex就是按Tab键有顺序的获取定义过的TabIndex元素设置在各个元素之间的焦点。

做过表单或者填写过表单的人都会发现，使用Tab键可以逐一获得每个input的焦点。这个东东其实也是可以修改的，比如不想被获取，或者改变被获取的顺序。我们经常在填写表单的时候按tab键来切换焦点.

举例说明:

<form name="form" method="post" action="">

<input type="text" name="a" tabindex="1" />

<input type="text" name="b" tabindex="2" />

<input type="text" name="c" tabindex="3" />

<input type="submit" name="d" value="SendInfo" tabindex="-1" />

</form>



使用Tab键，获取焦点的顺序就是通过tabindex的值大小来排序的。上面的例子依次获得焦点的是abc 到d的时候，由于TabIndex的值为-1，所以t4不会获得焦点，而是直接跳到下一个获取焦点的元素上。