输完文本框自动跳转文本到下一个的JS实现 首页 » 建站秘籍 » 2016年8月6日下午 【百度已收录 】 运行演示页面可看到，以下四个文本框，每个限输入四个字符，输入完后自动跳到下一文本框，用户不需要点击鼠标，智能跳转到下一个文本框，你可以只和输入，不用担心定位到哪个输入框的问题。 电脑知识网www.qc99.com 有效提升表单的使用体验。当然了，文本框内输入几个字符的时候开始跳转，这个可以由你自定义 以下为全部代码：<HTML> <HEAD> <TITLE>自动跳转文本</TITLE> <STYLE type=text/css> BODY { MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "微软雅黑" } .STYLE1 { font-size: 30px; font-weight: bold; color: #CC00CC; } .STYLE2 { font-size: 40px; color: #330066; } .STYLE3 { font-size: 15pt; color: #000000; } </STYLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> </HEAD> <BODY bgColor=#fef4d9><BR><BR> <CENTER> <span class="STYLE2">自动跳转文本</span> </CENTER><BR> <CENTER> <TABLE borderColor=#00FFFF border=5 borderlight="green"> <TBODY> <TR> <TD align=middle><div align="center"><span class="STYLE1">效果显示</span></div></TD> </TR> <TR> <TD align=middle><span class="STYLE3">以下四个文本框，每个限输入四个字符，输入完后自动跳到下一文本框</span> <SCRIPT language=javascript id=clientEventHandlersJS> function T1_onkeyup() { if(document.card.T1.value.length==4){ document.card.T2.focus(); } } function T2_onkeyup() { if(document.card.T2.value.length==4){ document.card.T3.focus(); } } function T3_onkeyup() { if(document.card.T3.value.length==4){ document.card.T4.focus(); } } //--> </SCRIPT> <FORM name=card action="" method=post>输入字符： <INPUT language=javascript onkeyup="return T1_onkeyup()" maxLength=4 size=4 name=T1>- <INPUT language=javascript onKeyUp="return T2_onkeyup()" maxLength=4 size=4 name=T2>- <INPUT language=javascript onKeyUp="return T3_onkeyup()" maxLength=4 size=4 name=T3>- <INPUT maxLength=4 size=4 name=T4> </FORM></TD> </TR></TBODY></TABLE></CENTER> </BODY> </HTML> Plugins by ewCEO.com 本文标签：这篇文章木有标签 版权声明：若无特殊注明，本文皆为《 傲世零零 》原创，转载请保留文章出处。 本文链接：输完文本框自动跳转文本到下一个的JS实现 http://www.wangjunjiang.com/?post=56 正文到此结束 table2excel-可将HTML表格内容导出到Excel中的jQuery插件(极速模式/快速模式/谷歌模式) 无插件纯js导出指定div内容为表格（需兼容模式）
发表吐槽
你肿么看？