贴一段自动跳转文本的代码实现:
实现代码:
<html> <head> <title>文本跳转</title> <style type=text/css> body{ MARGIN-TOP: 10px; FONT-SIZE: 10pt; MARGIN-LEFT: 10px; MARGIN-RIGHT: 0px; FONT-FAMILY: "微软雅黑" } </style> <meta http-equiv=Content-Type content="text/html; charset=gb2312"> </head> <body> <script type="text/javascript"> function InBox1() { if(document.code.Box1.value.length == 4) { document.code.Box2.focus(); } } function InBox2() { if(document.code.Box2.value.length == 4) { document.code.Box3.focus(); } } function InBox3() { if(document.code.Box3.value.length == 4) { document.code.Box4.focus(); } } </script> <formname="code" action="" method="post">输入: <input maxLength="4" size="4" name="Box1" onkeyup="return InBox1()">- <input maxLength="4" size="4" name="Box2" onKeyUp="return InBox2()">- <input maxLength="4" size="4" name="Box3" onKeyUp="return InBox3()">- <input maxLength="4" size="4" name="Box4"> </form> </body> </html>
- 看不过瘾?点击下面链接!
- Javascript获取缓存和清除缓存API
- bootstrap+jQuery实现的动态进度条功能代码
- Bootstrap组件之下拉菜单 多级菜单及按钮布局方法代码
- BootStrap中的Fontawesome 图标问题怎么解决
- Android中TextView显示圆圈背景或设置圆角
- Python虚拟环境virtualenv如何安装与使用