123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- <%@ page language="java" contentType="text/html; charset=UTF-8"
- pageEncoding="UTF-8"%>
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
- <title>人员部门管理系统</title>
- <script type="text/javascript">
- function validate_form() {
- var name = document.getElementById("username").value;
- var password = document.getElementById("password").value;
- if (name == "赖孽") {
- alert("欢迎你,赖总");
- return true;
- }
- if (password == null || password == "") {
- alert("密码不能为空");
- return false;
- }
- return true;
- }
- </script>
- <style type="text/css">
- *{
- margin: 0;
- padding: 0;
- }
- body{
- font-family: Georgia,serif;
- background: url(file:///D:/java/新建文件夹/eclipse/ECLIPSE/student/WebContent/images/login-page-bg.jpg) center -50px no-repeat #c4c4c4;
- color: #3a3a3a;
- }
- .clear{
- clear: both;
- }
- form{
- width: 406px;
- margin: 120px auto 0;
- }
- legend{
- display: none;
- }
- fieldset{
- border: 0;
- }
- label{
- width: 115px;
- text-align: right;
- float: left;
- margin: 0 10px 0 0;
- padding: 9px 0 0 0;
- font-size: 16px;
- }
- input{
- width: 220px;
- display: block;
- padding: 4px;
- margin: 0 0 10px 0;
- font-size: 18px;
- color: #3a3a3a;
- font-family: Georgia,serif;
- }
- input[type=checkbox]{
- width: 20px;
- margin: 0;
- display: inline-block;
- position: relative;
- top: 3px;
- left: -5px;
-
- }
- .button{
- background: url(file:///D:/java/新建文件夹/eclipse/ECLIPSE/student/WebContent/images/button-bg.png) repeat-x top center;
- border: 1px solid #999;
- -moz-border-radius:4px;
- -webkit-border-radius:4px;
- border-radius:4px;
- padding: 5px;
- color: black;
- font-weight: bold;
- font-size: 13px;
- width: 70px;
- }
- .button:hover{
- background: white;
- color: black;
- }
-
- </style>
- </head>
- <body>
- <form id="login-form" action="display.jsp" onsubmit="return validate_form()" method="post">
- <fieldset>
- <legend>用户名</legend>
- <label for="login">用户名</label>
- <input type="text" id="username" name="username" placeholder="请输入用户名">
- <div class="clear"></div>
- <label for="password">密码</label>
- <input type="password" id="password" name="password" placeholder="请输入密码">
- <div class="clear"></div>
- <label for="remember_me" style="padding: 0;">记住状态?</label>
- <input type="checkbox" id="remember_me" name="remember_me">
- <div class="clear"></div>
- <br>
-
- <input type="submit" style="margin: -20px 0 0 287px;" class="button" name="commit" value="提 交"></ a>
-
- </fieldset>
- </form>
- </body>
- </html>
|