<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><title>Jstest</title><Linkrel= "stylesheet"type= "Text/css"href= "Style.css"/><Scripttype= "Text/javascript"src= "Base.js"></Script><Scripttype= "Text/javascript"src= "Js.js"></Script></Head><Body> <formID= "MyForm"name= "Yourform"> <inputtype= "text"name= "A1"ID= "A1"value=""maxlength= "1" /> <inputtype= "text"name= "A1"ID= "A1"value=""maxlength= "3" /> <inputtype= "text"name= "A1"ID= "A1"value=""maxlength= "5" />Name:<inputtype= "text"name= "User"value= "text" /><BR/> <textareaname= "Content"rows=""cols=""style= "width:200px;">DSFSAFSDAFDSAFDF DSFSD</textarea> </form> </Body></HTML>
//adding events across browsersfunctionaddevent (OBJ,TYPE,FN) {if(Obj.addeventlistener) {Obj.addeventlistener (TYPE,FN,false); }Else if(obj.attachevent) {obj.attachevent (' On ' +TYPE,FN); }}addevent (window,' Load ',function(){ varfm = document.forms[' Yourform ']; varuser = fm.elements[' user ']; varContent = fm.elements[' content ']; Addevent (fm.elements[' A1 '], ' KeyUp ', Tabforward); Addevent (fm.elements[' A2 '], ' KeyUp ', Tabforward); Addevent (fm.elements[' A3 '], ' KeyUp ', Tabforward); functionTabforward (evt) {varE = EVT | |window.event; //determines whether the current length is consistent with the length entered if( This. Value.length = = This. MaxLength) { //Traverse All Controls for(vari = 0; i< fm.elements.length; i++){ if(Fm.elements[i] = = This) {fm.elements[i+1].focus (); return; } } } } });
The form text box cursor automatically moves to the next text box