- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!
JavaScript模拟的IP输入框,一共有四个文本框,每个只允许输入三个字符,输入完后自动跳到下一文本框,就好像是Windows系统的IP地址输入一样,这里主要是研究JavaScript动态切换文本框焦点的问题。
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>JavaScript模拟的IP输入框</title> </head> <body> <script ID="clientEventHandlersJS" LANGUAGE="javascript"> <!-- function T1_onkeyup() { if(document.card.T1.value.length==3){ document.card.T2.focus(); } } function T2_onkeyup() { if(document.card.T2.value.length==3){ document.card.T3.focus(); } } function T3_onkeyup() { if(document.card.T3.value.length==3){ document.card.T4.focus(); } } //--> </script> <form method="POST" name="card" action> 输入IP: <input type="text" name="T1" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T1_onkeyup()">. <input type="text" name="T2" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T2_onkeyup()">. <input type="text" name="T3" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T3_onkeyup()">. <input type="text" name="T4" size="4" maxlength="4"> </form> </body> </html>