UC知道jasscript 表单中按tab键光标在文本框之间跳转
来源：百度知道 编辑：UC知道 时间：2024/05/28 09:25:42
您们好 我现在在一家公司和实习 带我的人任我找一个方法
就是在表单中假如有8个要输入的文本框，现在按tab键光标并没有按
从上到下的顺序跳转，而是有的先出现在下边的又跳会上边，又下去
现在要求能按顺序跳转，希望各位牛人能给点详细的指点，最好有代码 谢谢 本人有点初级 渴望得到帮助 感激涕零不知所云！
另外我之前悬赏30分，得到答案是 浏览器自动跳转，总觉得还有别的方法明天就要回公司交作业啦，我还是希望能有谁帮我一下谢谢
是动态的 类似于一下的，下边的当改变的是value,size时管用
当如下改变tabindex就不行，谢谢 大侠们 教教我
<script>
function textArea(){
document.getElementById('id1').tabindex="3";
document.getElementById('id2').tabindex="2";
document.getElementById('id3').tabindex="1";
}
</script>
<input type="text" id="id1" /> <br>
<input type="text" id="id2" value="sdfs"/> <br>
<input type="text" id="id3" value="sdfs"/> <br>
<input type="button" onclick="textArea();">
就是在表单中假如有8个要输入的文本框，现在按tab键光标并没有按
从上到下的顺序跳转，而是有的先出现在下边的又跳会上边，又下去
现在要求能按顺序跳转，希望各位牛人能给点详细的指点，最好有代码 谢谢 本人有点初级 渴望得到帮助 感激涕零不知所云！
另外我之前悬赏30分，得到答案是 浏览器自动跳转，总觉得还有别的方法明天就要回公司交作业啦，我还是希望能有谁帮我一下谢谢
是动态的 类似于一下的，下边的当改变的是value,size时管用
当如下改变tabindex就不行，谢谢 大侠们 教教我
<script>
function textArea(){
document.getElementById('id1').tabindex="3";
document.getElementById('id2').tabindex="2";
document.getElementById('id3').tabindex="1";
}
</script>
<input type="text" id="id1" /> <br>
<input type="text" id="id2" value="sdfs"/> <br>
<input type="text" id="id3" value="sdfs"/> <br>
<input type="button" onclick="textArea();">
使用tabindex属性指定按tab键时光标的跳转顺序，假设有3个文本框：
<input type="text" tabindex="3" />
<input type="text" tabindex="1" />
<input type="text" tabindex="2" />
假设光标在第二个文本框中（tabindex="1"），按tab键时将跳到第三个文本框（tabindex="2"），再按一次就会跳到第一个文本框（tabindex="3"）
现在应该明白了吧，只要将各文本框的tabindex的值按顺序（不一定要连续，只要按从小到大的顺序指定），按tab键时就会依次跳转光标了。
补充：呵呵，在javascript中，应该写成tabIndex，I 要大写。