常州网络公司首页 >>> WEB编程 >> DHTML&HTML

如何控制TAB键跳转的顺序

发布时间:2009-2-16 10:54:23   浏览次数:6441

今天在写一个用户登录时,由于布局的问题,输入框顺序与平时不一样,有竖和横,在用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"/>
<input name="b_password" type="password" id="b_password" size="20" tabindex="2"/>

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

这里要注意一点,第一个值不能是0,也就是说数字要从1开始,如果第一个用0,那跳转时,就会路过你的输入框,直接跳转到后面的链接或其他什么的。

上一条:网站绑定QQ和MSN,可直接和对方聊天
下一条:网页中的框架FRAMESET
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com