如何控制TAB键跳转的顺序
展开全部
今天在写一个用户登录时,由于布局的问题,输入框顺序与平时不一样,有竖和横,在用TAB键中转时,总是以先横再竖的顺序来中转,但是我需要输入时,要以正常的输入顺序来填写,所以这里就要用到tabindex了。
tabindex的使用方法就是
tabindex="1"
为了让大家看起来方便,你简化了代码,HTML输入框代码如下:
没有加tabindex时的代码:
<input name="b_username" type="text" id="b_username"/
<input name="code" type="text" id="code" size="20"/
<input type="button" style="background-image:url(images/bbsImg_11.gif); width:90px; height:34px; margin:0px; padding:0px; border:0px;" onclick="return uLogin();"/
<input name="b_password" type="password" id="b_password" size="20"/
加tabindex时的代码:
<input name="b_username" type="text" id="b_username" tabindex="1"/
<input name="code" type="text" id="code" size="20" tabindex="3"/
<input type="button" style="background-image:url(images/bbsImg_11.gif); width:90px; height:34px; margin:0px; padding:0px; border:0px;" onclick="return uLogin();" tabindex="5"/
看到没有,每个输入框的后面都加了tabindex="一个数字",这样在用tab键跳转时,就会以你输写的顺序了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询