如何实现类似ip地址的输入

Question

onFocus="toend()" 每一个文本框里都加这个 function toend()
    {
        var e = event.srcElement;
        var r =e.createTextRange();
        r.moveStart("character",e.value.length);
        r.collapse(true);
        r.select();
    } e.value.length这个呢就是你文本框了设置maxlength="3"

Answer 1

刚看错了，是这个才对<table   width="20%"   border="1"   cellspacing="0"   cellpadding="0">   
  <tr>   
  <td><input type="text"  name="id1"   maxlength="3" onKeyUp="if(value.length==3){id2.focus();}"></td>   
  <td><input type="text"  name="id2"   maxlength="3" onKeyUp="if(value.length==3){id3.focus();}" ></td>   
  <td><input type="text"  name="id3"   maxlength="3" onKeyUp="if(value.length==3){id4.focus();}" ></td>   
  <td><input type="text"  name="id4"   maxlength="3"></td>   
  </tr>   
  </table>  

Answer 2

<table   width="20%"   border="1"   cellspacing="0"   cellpadding="0">   
  <tr>   
  <td><input type="text"  name="id1"   maxlength="3" onKeyUp="if(this.value.length==3){id2.focus();}"></td>   
  <td><input type="text"  name="id2"   maxlength="3" onKeyUp="if(this.value.length==3){id3.focus();}" ></td>   
  <td><input type="text"  name="id3"   maxlength="3" onKeyUp="if(this.value.length==3){id4.focus();}" ></td>   
  <td><input type="text"  name="id4"   maxlength="3"></td>   
  </tr>   
  </table>

Answer 3

 <input type="text"  name="id1"   maxlength="3" onKeyUp="if(value.length==3){id2.focus();}">   
  <input type="text"  name="id2"   maxlength="3" onKeyUp="if(value.length==3){id3.focus();}" >   
  <input type="text"  name="id3"   maxlength="3" onKeyUp="if(value.length==3){id4.focus();}" >   
  <td><input type="text"  name="id4"   maxlength="3">