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

内容摘要
如果碰到网页提交表单的时候,按TAB切换键顺序混乱的情况,可以在表单属性里加入参数 tabindex="1" 解决该问题,这个参数是索引用的。
文章正文

如果碰到网页提交表单的时候,按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键

代码注释
[!--zhushi--]

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!