JavaScript实现自动跳转文本代码实现

 
JavaScript实现自动跳转文本代码实现
2017-06-03 05:50:10 /故事大全

贴一段自动跳转文本的代码实现:

实现代码:

<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>

所属专题:
如果您觉得本文或图片不错,请把它分享给您的朋友吧!

 
故事大全
 
版权所有- © 2012-2015 · 故事大全 SITEMAP站点地图-Foton Auman手机看故事 站点地图-Foton Auman