如何控制TAB键跳转的顺序

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;" οnclick="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;" οnclick="return uLogin();" tabindex="5"/>
<input name="b_password" type="password" id="b_password" size="20" tabindex="2"/>

看到没有,每个输入框的后面都加了tabindex="一个数字",这样在用tab键跳转时,就会以你输写的顺序了。

注:在ExtJS里只需要在EclipseJSde 的设计窗口选择所要按顺序跳转的控件,将其属性TanIndex填入对于的数字即可。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值