| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="shortcut icon" href="/static/img/favicon.png" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
- <link href="http://cdn.staticfile.org/twitter-bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />
- <title>Login</title>
- </head>
-
- <body>
- <div class="container" style="width: 500px;">
- <form class="form-horizontal" method="POST" action="/login">
- <div class="form-group">
- <label class="col-lg-4 control-label">Username:</label>
- <div class="col-lg-6">
- <input id="uname" class="form-control" name="uname" placeholder="Account">
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-4 control-label">Password:</label>
- <div class="col-lg-6">
- <input id="pwd" type="password" class="form-control" name="pwd" placeholder="Password">
- </div>
- </div>
- <div class="form-group">
- <div class="col-lg-offset-2 col-lg-10">
- <a href="/login"><button type="submit" class="btn btn-default" onclick="return checkInput();">Login</button></a>
- <button class="btn btn-default" onclick="return backToHome();">Go To Home</button>
- <script type="text/javascript">
- function backToHome() {
- window.location.href = "/";
- return false;
- }
- function checkInput() {
- var uname = document.getElementById("uname");
- if (uname.value.length == 0) {
- alert("Please Input Your Account");
- return false;
- }
- var pwd = document.getElementById("pwd");
- if (pwd.value.length == 0) {
- alert("Please Input Your Password");
- return false;
- }
- }
- </script>
- </div>
- </div>
- </form>
- </div>
- </body>
- </html>
|