JavaScript模拟的IP输入框_表单按钮特效

模板酷站
  •       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>