日期:2014-05-17  浏览次数:20556 次

咨询一个input text的问题,谢谢。
我想问一下:能不能实现这样的效果:
效果:页面有两个text:一个是:<input type="text" id="text1" maxlength="1"/>,另一个是:<input type="text" id="text2"/>,我想实现效果如下:text1中输入1个后(即:text1中已经输入满了,因为设置了maxlength=”1“),光标自动跳到text2中。

粗体部分能实现不?谢谢。

------解决方案--------------------
HTML code

<!doctype html>
<html>
<head>
    <script>
    
    window.onload=function() {
        var oIpt1=document.getElementById("txt1");
      var oIpt2=document.getElementById("txt2");
      oIpt1.focus();
      oIpt1.onkeypress=function() {
          if(oIpt1.value.length>=1)
            oIpt2.focus();
      };
      
    };
    </script>
</head>
<body>
name:<input type="text" id="txt1" maxlength="1" /><br />
&nbsp;pwd:<input type="text" id="txt2" />    
</body>    
</html>