<html>
<head>
<title>Login</title>
<style>
		
#formlogin{
		width:830px;
		margin:auto;		
		padding:5px;
		background:#ddf;
		border:2px solid rgba(186,186,186,1.00);	
}	
#formlogin a{
		color: cadetblue;
		font-size: 18px;
	    text-align: left;
}

</style>
</head>
<script language="JavaScript" type="text/javascript">
    function nextbox(e, id) {
   // อ่าน keycode (cross browser)
    var keycode = e.which || e.keyCode;
    // ตรวจสอบ keycode (13 คือ กด enter)
    if (keycode == 13) {
        // ย้ายโฟกัสไปยัง input ที่ id
        document.getElementById(id).focus();
        // return false เพื่อยกเลิกการ submit form
        return false;
    }
   }
</script> 

<body>
<div id="formlogin" align="center">
<form name="form1" method="post" action="check_login.php">	
  <table style="width: 300px">
  	  <tr><td align="center"><img src="images/login2.png"></td></tr>
  	  <tr><td><a>กรุณาใส่ชื่อและรหัสผู้ใช้</a></td></tr>
  </table>
  <table border="1" style="width: 300px">
    <tbody>
      <tr>
        <td align="right">ชื่อ : &nbsp;</td>
        <td><input name="txtUsername" type="text" id="txtUsername"
                    onkeydown="return nextbox(event,'txtPassword');"></td>
      </tr>
      <tr>
        <td align="right">รหัส : &nbsp;</td>
        <td><input name="txtPassword" type="password" id="txtPassword"
                    onkeydown="return nextbox(event,'Submit');">
        </td>
      </tr>
    </tbody>
  </table>
  <br>
  <input type="submit" name="Submit" id="Submit" value="Login">
</form>
</div>
</body>
</html>