jsp 文本框的问题

有四个文本框，用什么方法可以在输入完一个文本框以光标自动跳到下一个文本框？每个文本框的输入长度都是有限制的~

解决方案 »

  1.   


    //正解,键盘按下或抬起事件,判断输入的长度,如果长度够了,下个输入框.focus()
      

  2.   

    <input type=text name="dd1" maxlength="4" size="4"onchange{if(value.length == 4) next.focus();}>
    是这样吗？
    具体的怎么实现？？
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <table>
    <tr>
      <td><input name="text1" type="text" style="maxlength:8"  onkeydown="check(this)"></td>
    </tr>
    <tr>
      <td><input name="text2" type="text" style="maxlength:8" onkeydown="check(this)"></td>
    </tr>
    <tr>
      <td><input name="text3" type="text" style="maxlength:8" onkeydown="check(this)"></td>
    </tr>
    <tr>
      <td><input name="text4" type="text" style="maxlength:8" onkeydown="check(this)"></td>
    </tr> 
    </table>
    </body>
    </html>
    <script language="javascript">
      function check(obj){
        var max=obj.style.maxlength;   
    if(obj.value.length>=max){  
          event.keyCode=9;  
        }    
      }  
    </script>拿去使用吧
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档 </title><script language="javascript">
      function check(txt,evt)
      {
     var key = (window.Event)?evt.which:evt.keyCode;
    if(key==13){
      with(document.myfrm){
    if(txt=="text1"){
    if(text1.value.length>2){
    text2.focus();
    text2.select();
    }
    }
    if(txt=="text2"){
    text3.focus();
    }
     } 
       }
      } 
    </script> 
    </head><body>
    <form name="myfrm">
    <table>
    <tr>
      <td> <input name="text1" type="text" style="maxlength:8"  onkeypress="check('text1',event)"> </td>
    </tr>
    <tr>
      <td> <input name="text2" type="text" style="maxlength:8" onkeypress="check('text2',event)"> </td>
    </tr>
    <tr>
      <td> <input name="text3" type="text" style="maxlength:8" onkeypress="check('text3',event)"> </td>
    </tr>
    <tr>
      <td> <input name="text4" type="text" style="maxlength:8" onkeypress="check('text4',event)"> </td>
    </tr>
    </table>
    </form>
    </body>
    </html>