You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.9 KiB
106 lines
2.9 KiB
<%-- |
|
Created by IntelliJ IDEA. |
|
User: adiao |
|
Date: 2022/4/16 |
|
Time: 22:48 |
|
To change this template use File | Settings | File Templates. |
|
--%> |
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>登录界面</title> |
|
<link rel="stylesheet" href="../css/login.css"> |
|
<link rel="stylesheet" href="../ali_icon/iconfont.css"> |
|
<%--<style>--%> |
|
<%--*{--%> |
|
<%--padding: 0;--%> |
|
<%--margin: 0;--%> |
|
<%--}--%> |
|
<%--body{--%> |
|
<%--background: url("../img/656.jpg") no-repeat 100%;--%> |
|
<%--background-attachment: fixed;--%> |
|
<%--}--%> |
|
<%--/*中间盒子居中*/--%> |
|
<%--.content{--%> |
|
<%--padding: 15%;--%> |
|
|
|
<%--}--%> |
|
<%--/*中间盒子样式*/--%> |
|
<%--.login_box{--%> |
|
<%--margin: 0 auto;--%> |
|
<%--width: 550px;--%> |
|
<%--height: 400px;--%> |
|
<%--background-color: sandybrown;--%> |
|
<%--text-align: center;--%> |
|
<%--position: relative;--%> |
|
|
|
<%--/*颜色*/--%> |
|
<%--background-color: rgba(232, 232, 232,0.7);--%> |
|
<%--border-radius: 40px;--%> |
|
<%--box-shadow: 0px 0px 6px 6px rgba(232,232,232,0.4);--%> |
|
<%--}--%> |
|
<%--/*登录标题*/--%> |
|
<%--.box_title{--%> |
|
<%--top: 80px;--%> |
|
<%--right: 220px;--%> |
|
<%--position: absolute;--%> |
|
<%--color: #FFF;--%> |
|
<%--font-size: 25px;--%> |
|
<%--}--%> |
|
<%--/*表单样式*/--%> |
|
<%--form{--%> |
|
<%--left: 175px;--%> |
|
<%--top: 140px;--%> |
|
<%--position: absolute;--%> |
|
<%--}--%> |
|
<%--/*输入样式*/--%> |
|
<%--input{--%> |
|
<%--margin-bottom: 10px;--%> |
|
<%--height: 30px;--%> |
|
<%--width: 200px;--%> |
|
<%--}--%> |
|
<%--/*按钮样式*/--%> |
|
<%--button {--%> |
|
<%--border-radius: 3px;--%> |
|
<%--color: #eFeFeF;--%> |
|
<%--width: 65px;--%> |
|
<%--height: 30px;--%> |
|
<%--font-weight: bold;--%> |
|
<%--}--%> |
|
<%--/*a标签样式*/--%> |
|
<%--#forget{--%> |
|
<%--font-size: 13px;--%> |
|
<%--text-decoration: none;--%> |
|
<%--color: #FFF;--%> |
|
<%--}--%> |
|
|
|
<%--/*标题样式*/--%> |
|
<%--.hend_titile{--%> |
|
<%--top: 150px;--%> |
|
<%--left: 570px;--%> |
|
<%--position: absolute;--%> |
|
<%--font-size: 70px;--%> |
|
<%--color: #FFF;--%> |
|
<%--}--%> |
|
<%--</style>--%> |
|
</head> |
|
<body> |
|
<div class="hend_titile"> |
|
Welcome to Alloco system |
|
</div> |
|
<div class="content"> |
|
<div class="login_box"> |
|
<span class="box_title">L O G I N</span> |
|
<form action="page/user.jsp" method="post"> |
|
<input type="text" name="username" value="" placeholder="username"><br> |
|
<input type="password" name="pass" value="" placeholder="password"><br> |
|
<button type="submit" name="submit" value="login">Login</button> |
|
<button type="submit" name="submit" value="register">Register</button> |
|
<br> |
|
<a id="forget" href="#">Forgotten Password</a> |
|
</form> |
|
</div> |
|
</div> |
|
</body> |
|
</html>
|
|
|