<!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>