49 lines
1.6 KiB
HTML
49 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>用户登录</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/auth.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/login.css') }}">
|
|
</head>
|
|
<body>
|
|
|
|
<main class="login-card">
|
|
<h1>欢迎登录</h1>
|
|
<p class="subtitle">请输入您的账号信息</p>
|
|
|
|
<div id="errorBox" class="error-msg" role="alert"></div>
|
|
|
|
<form id="loginForm" method="post" action="/login" novalidate>
|
|
<div class="form-group">
|
|
<label for="username">用户名</label>
|
|
<input type="text" id="username" name="username"
|
|
placeholder="请输入用户名"
|
|
autocomplete="username" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">密码</label>
|
|
<input type="password" id="password" name="password"
|
|
placeholder="请输入密码"
|
|
autocomplete="current-password" required
|
|
minlength="6">
|
|
</div>
|
|
|
|
<div class="form-options">
|
|
<label>
|
|
<input type="checkbox" name="remember"> 记住我
|
|
</label>
|
|
<a href="/forgot-password">忘记密码？</a>
|
|
</div>
|
|
|
|
<button type="submit" class="submit-btn">登 录</button>
|
|
</form>
|
|
|
|
<p class="register-link">还没有账号？<a href="/register">立即注册</a></p>
|
|
</main>
|
|
|
|
<script src="{{ url_for('static', filename='js/login.js') }}"></script>
|
|
</body>
|
|
</html> |