<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jio.js" /> <script type="text/javascript"> nextField = function(event) { if(event.keyCode==13) { if(document.getElementById("userName")==document.activeElement) {document.getElementById("storageLocation").focus();return;} if(document.getElementById("storageLocation")==document.activeElement) {document.getElementById("password").focus();return;} if(document.getElementById("password")==document.activeElement) {login();document.getElementById("submit").focus();return;} } } document.onload; </script> </head> <body> <div style="border: solid 1px #000; width:auto; float:left;"> <label >user name</label> <input id="userName" type="text" name="userName" onkeypress="nextField(event)" /><br/> <label>storage location</label> <input id="storageLocation" type="text" name="storageLocation" onkeypress="nextField(event)"/><br/> <label>password</label> <input id="password" type="password" name="password" onkeypress="nextField(event)"/><br/> </div> <div style="border: solid 1px #000; width:auto; float:left;"> <form id="connection" action="" method="post" > <input id="code" type="text" name="code"/> <input id="submit" type="submit" value="send" /> </form> </div> </body> </html>