TabIndex属性的作用

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

  在表单<Form>中，每次点击tab,焦点都会依次顺序的聚焦到不同的控件上，而使用Tabindex属性就是改变点击tab时控件聚焦的顺序。

例如：

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

 <input type="text" name="t0"  />
 <input type="text" name="t1" tabindex="1" />
 <input type="text" name="t2" tabindex="2" />
 <input type="text" name="t3" tabindex="3" />
 <input type="submit" name="t4" value="SendInfo" tabindex="-1" />

 <input type="text" name="t6" tabindex="5" />
 <input type="text" name="t5" tabindex="4" />

 <input type="text" name="t7"  />
</form>

 点击tab时上面的聚焦顺序为t1\t2\t3\t5\t6\t0\t7,其中没有使用tablindex属性的聚焦是在所有含有tabindex属性的控件执行完之后依次顺序从前到后执行，同时对于tabindex为负值，表示不允许被聚焦。