如何实现tab键光标只在文本框之间切换
2013-04-02 21:37
531 查看
今天写了个登录页面,因为文本框后面都有东西,所以用tab键切换的时候不能直接切换到下一个文本框。
代码如下:
在网上查资料之后,发现自己着实是学艺不精,input下面有个tabindex,只要依次给他们一个tabindex值即可,光标便会由小到大切换
改后代码如下:
代码如下:
<h1>用户名</h1> <div class="tb_div"> <input type="text" onblur="checkName();" id="username" class="tb" /><span><a href="Regester.aspx">注册新账号</a></span> </div> <h1>密码</h1> <div class="tb_div"> <input type="password" id="pwd" class="tb" /><span><a href="#">忘记密码</a></span> </div> <h1>验证码</h1> <div class="tbSmall"> <input type="text" id="verfication" class="tb_small" /> <a href="#" onclick="ClickImg();return false;" class="ver"> <img src = "verification.ashx" style="border:0px" alt="看不清,换一张" id="verification" /> </a> </div>
在网上查资料之后,发现自己着实是学艺不精,input下面有个tabindex,只要依次给他们一个tabindex值即可,光标便会由小到大切换
改后代码如下:
<h1>用户名</h1> <div class="tb_div"> <input type="text" tabindex='100' onblur="checkName();" id="username" class="tb" /><span><a href="Regester.aspx">注册新账号</a></span> </div> <h1>密码</h1> <div class="tb_div"> <input type="password" tabindex='101' id="pwd" class="tb" /><span><a href="#">忘记密码</a></span> </div> <h1>验证码</h1> <div class="tbSmall"> <input type="text" tabindex='102' id="verfication" class="tb_small" /> <a href="#" onclick="ClickImg();return false;" class="ver"> <img src = "verification.ashx" style="border:0px" alt="看不清,换一张" id="verification" /> </a> </div>
相关文章推荐
- 如何实现3G/4G与Wi-Fi网络之间稳定且无缝地切换
- vue中如何实现样式之间的切换
- 多个文本框,都实现全选;光标进入就自动切换到五笔输入法
- Fragment介绍和运用(如何用Fragment实现Tab切换的方法,)
- C#如何以回车键实现TAB键切换控件焦点
- 如何用<Enter>键代替<Tab>键实现光标焦点转移?
- java SWT:TraverseEvent的理解塈添加TraverseListener实现Composite之间TAB键切换焦点
- 如何实现Activity之间的切换动画(一)
- vue里如何实现tab类似的切换class?
- Handler解析(一):是如何实现线程之间的切换
- MFC编辑框如何实现用TAB键切换
- Flex 如何实现按钮之间的切换,按钮点击事件
- ajax实例:如何使用json+ajax的方法实现类似前端特效tab切换效果
- 如何实现低级ui之间的切换
- Gridview如何实现敲回车进入下一行,或者用方向键在不同的行之间切换?
- 如何自己写一个容器来实现viewController之间的切换
- Handler是如何实现线程之间的切换的
- QT creator 如何实现多窗口之间的切换
- C#TabCotrol控件实现shift+tab的标签切换