51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>学生注册</title>
|
||
<link rel="stylesheet" href="/static/css/login.css">
|
||
<link rel="stylesheet" href="/static/css/register_field_tip.css">
|
||
<script src="/static/js/register.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="login-container">
|
||
<div class="login-card">
|
||
<h2 class="login-title">欢迎注册！</h2>
|
||
<form class="login-form" id="register-form">
|
||
<div class="input-group">
|
||
<label for="username">用户名</label>
|
||
<input type="text" id="username" name="username" placeholder="请输入用户名" required>
|
||
<div class="field-tip" id="username-tip" role="tooltip" aria-hidden="true">
|
||
<strong>用户名规则</strong>
|
||
<ul>
|
||
<li>以<span>小写字母</span>或<span>下划线</span>开头</li>
|
||
<li>仅含<span>小写字母</span>、<span>数字</span>、<span>下划线 _</span>、<span>连字符 -</span></li>
|
||
<li>允许以 <span>$</span> 结尾（可选）</li>
|
||
<li>长度 ≤ 32 个字符</li>
|
||
<li>不可使用纯数字</li>
|
||
<li>避免保留名：root / daemon 等</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="input-group">
|
||
<label for="email">邮箱</label>
|
||
<input type="email" id="email" name="email" placeholder="请输入邮箱" required>
|
||
</div>
|
||
<div class="input-group">
|
||
<label for="password">密码</label>
|
||
<input type="password" id="password" name="password" placeholder="请输入密码" required>
|
||
</div>
|
||
<div class="input-group">
|
||
<label for="confirm-password">确认密码</label>
|
||
<input type="password" id="confirm-password" name="confirm-password" placeholder="请确认密码" required>
|
||
</div>
|
||
<button type="submit" class="login-btn">注册</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script src="/static/js/register_field_tip.js"></script>
|
||
</body>
|
||
</html> |