login.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <!-- 规定文档的字符编码 -->
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <!-- 定义页面缓存,不缓存页面 -->
  7. <meta http-equiv="Pragma" content="no-cache">
  8. <meta http-equiv="Cache-Control" content="no-cache">
  9. <!-- Expires(期限)用于设定网页的到期时间 一旦网页过期,必须到服务器上重新传输 -->
  10. <meta http-equiv="Expires" content="0">
  11. <title>登录界面</title>
  12. <link href="css/login.css" rel="stylesheet" type="text/css">
  13. <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
  14. <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
  15. <script src="js/login.js">
  16. </script>
  17. </head>
  18. <body>
  19. <div class="login_box">
  20. <div class="login_l_img">
  21. <img src="images/login-img.png">
  22. </div>
  23. <div class="login">
  24. <div class="login_logo">
  25. <img src="images/login_logo.png">
  26. </div>
  27. <div class="login_message">
  28. <p>研究中心系统</p>
  29. </div>
  30. <form>
  31. <input id="username" name="username" type="text" value="请输入学号" onfocus="this.value = '';document.getElementById('password').value='';document.getElementById('password').style.display='none';document.getElementById('password_text').style.display='block';document.getElementById('errormessage').style.display='none'" onblur="if (this.value == '') {this.value = '请输入学号';}">
  32. <span id="password_text" onclick="this.style.display='none';document.getElementById('password').style.display='block';document.getElementById('password').focus();">请输入密码</span>
  33. <input id="password" type="password" name="password" style="display:none;" onblur="if(this.value==''){document.getElementById('password_text').style.display='block';this.style.display='none'};">
  34. <span class="message" id="errormessage" style="display:none;">用户名或密码错误</span>
  35. <div id="loginbutton" class="submit">
  36. <input type="button" value="登录">
  37. </div>
  38. </form>
  39. </div>
  40. </div>
  41. </body>
  42. </html>