网页中用tab键控制input输入的顺序

2013-04-12 12:47:23来源:西部e网作者:

如果碰到网页提交表单的时候,按TAB切换键顺序混乱的情况,可以在表单属性里加入参数 tabindex="1"  解决该问题,这个参数是索引用的。更改数字大小顺序,可以实现按 tab键 的时候,按顺序跳转到数字更大的输入框中

如果碰到网页提交表单的时候,按TAB切换键顺序混乱的情况,可以在表单属性里加入参数 tabindex="1"  解决该问题,这个参数是索引用的。更改数字大小顺序,可以实现按 tab键 的时候,按顺序跳转到数字更大的输入框中。演示代码:

<table>
<tr>
   <td><input tabindex="1" value="" /></td>
   <td><input tabindex="4" value="" /></td>
</tr>
<tr>
   <td><input tabindex="2" value="" /></td>
   <td><input tabindex="5" value="" /></td>
</tr>
<tr>
   <td><input tabindex="3" value="" /></td>
   <td><input tabindex="6" value="" /></td>
</tr>
</table>
<BUTTON tabindex="8">tab切换顺序 8</BUTTON>

//tabindex代表的是tab键顺序。当tabindex="-1“时,回跳过tab键

关键词:tabinput

赞助商链接: