咨询一个input text的有关问题，多谢 _HTML/CSS

咨询一个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>