64 lines
2.4 KiB
HTML
64 lines
2.4 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/register.css') }}">
|
|
</head>
|
|
<body>
|
|
|
|
<main class="register-card">
|
|
<h1>创建账号</h1>
|
|
<p class="subtitle">填写以下信息完成注册</p>
|
|
|
|
<div id="errorBox" class="error-msg" role="alert"></div>
|
|
|
|
<form id="registerForm" method="post" action="/register" novalidate>
|
|
<div class="form-group">
|
|
<label for="username">用户名</label>
|
|
<input type="text" id="username" name="username"
|
|
placeholder="3-20 个字符"
|
|
autocomplete="username" required
|
|
minlength="3" maxlength="20">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="email">邮箱</label>
|
|
<input type="email" id="email" name="email"
|
|
placeholder="请输入邮箱地址"
|
|
autocomplete="email" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">密码</label>
|
|
<input type="password" id="password" name="password"
|
|
placeholder="至少 6 位"
|
|
autocomplete="new-password" required
|
|
minlength="6">
|
|
<p class="hint">建议使用字母、数字和符号的组合，提高安全性</p>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="confirmPassword">确认密码</label>
|
|
<input type="password" id="confirmPassword" name="confirmPassword"
|
|
placeholder="请再次输入密码"
|
|
autocomplete="new-password" required
|
|
minlength="6">
|
|
</div>
|
|
|
|
<label class="agreement">
|
|
<input type="checkbox" id="agree" name="agree" required>
|
|
<span>我已阅读并同意 <a href="/terms">服务条款</a> 和 <a href="/privacy">隐私政策</a></span>
|
|
</label>
|
|
|
|
<button type="submit" class="submit-btn">注 册</button>
|
|
</form>
|
|
|
|
<p class="login-link">已有账号？<a href="/login">去登录</a></p>
|
|
</main>
|
|
|
|
<script src="{{ url_for('static', filename='js/register.js') }}"></script>
|
|
</body>
|
|
</html> |