73 lines
3.8 KiB
HTML
73 lines
3.8 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>注册 - 代代相传</title>
|
|
<link rel="stylesheet" href="public/layui/css/layui.css" />
|
|
<link rel="stylesheet" href="public/css/public.css" />
|
|
<link rel="stylesheet" href="public/tac/css/tac.css" />
|
|
<link rel="stylesheet" href="public/css/register.css" />
|
|
</head>
|
|
<body class="page-register">
|
|
<main class="auth-layout auth-scenic-layout">
|
|
<a class="brand auth-page-brand" href="index.html"
|
|
><img class="brand-logo" src="public/images/logo.png" alt="我们的家谱，代代相传" /></a
|
|
>
|
|
<section
|
|
class="card form-card auth-card"
|
|
aria-labelledby="register-title"
|
|
>
|
|
<div class="eyebrow">Create Account</div>
|
|
<h1 id="register-title">注册账号</h1>
|
|
<p class="lead">注册后即可创建家谱或申请加入家族。</p>
|
|
<form id="register-form" class="form-grid" novalidate>
|
|
<label class="auth-field" for="register-phone">
|
|
<span>手机号 <b aria-hidden="true">*</b></span>
|
|
<input id="register-phone" class="input" name="phone" type="tel" inputmode="numeric" autocomplete="tel" maxlength="11" placeholder="请输入手机号" required />
|
|
</label>
|
|
<div class="auth-field">
|
|
<label for="register-sms-code">短信验证码 <b aria-hidden="true">*</b></label>
|
|
<div class="code-row">
|
|
<input id="register-sms-code" class="input" name="smsCode" autocomplete="one-time-code" inputmode="numeric" maxlength="4" pattern="\d{4}" placeholder="请输入四位验证码" required />
|
|
<button class="btn ghost" type="button" data-api-send-code>获取验证码</button>
|
|
</div>
|
|
</div>
|
|
<label class="auth-field" for="register-nickname">
|
|
<span>昵称（选填）</span>
|
|
<input id="register-nickname" class="input" name="nickName" autocomplete="nickname" placeholder="请输入昵称" />
|
|
</label>
|
|
<label class="auth-field" for="register-password">
|
|
<span>设置密码 <b aria-hidden="true">*</b></span>
|
|
<input id="register-password" class="input" name="password" type="password" autocomplete="new-password" placeholder="至少六位" required />
|
|
</label>
|
|
<label class="auth-field" for="register-confirm-password">
|
|
<span>确认密码 <b aria-hidden="true">*</b></span>
|
|
<input id="register-confirm-password" class="input" name="confirmPassword" type="password" autocomplete="new-password" placeholder="请再次输入密码" required />
|
|
</label>
|
|
<input type="hidden" name="validToken" />
|
|
<div id="register-status" class="auth-form-status" role="status" aria-live="polite" data-auth-form-status></div>
|
|
<button class="btn primary" type="submit">注册账号</button>
|
|
<div class="auth-links">
|
|
<a href="login.html">已有账号，去登录</a>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
<script src="public/js/md5.js"></script>
|
|
<script src="config.js"></script>
|
|
<script src="utils/StorageUtil.js"></script>
|
|
<script src="utils/FormUtil.js"></script>
|
|
<script src="utils/axios.js"></script>
|
|
<script src="utils/AxiosRequestUtil.js"></script>
|
|
<script src="utils/MessageUtil.js"></script>
|
|
<script src="utils/ApiClient.js"></script>
|
|
<script src="public/layui/layui.js"></script>
|
|
<script src="public/tac/js/tac.min.js"></script>
|
|
<script src="public/js/captcha-pages.js"></script>
|
|
<script src="public/js/profile-common.js"></script>
|
|
<script src="public/js/auth-pages.js"></script>
|
|
<script src="public/js/page-effects.js"></script>
|
|
</body>
|
|
</html>
|