register.html · 约 1745 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
6<title>悦享账号 · 注册</title>
7<link rel="stylesheet" href="css/style.css">
8</head>
9<body>
10<div class="phone">
11<div class="auth">
12<div class="auth-top"><div class="logo">🔐</div><h1>创建账号</h1><p>注册即享新用户专属福利</p></div>
13<div class="auth-card"><form id="regForm">
14<div class="field"><span class="lab">手机号</span><input data-k="phone" type="tel" inputmode="numeric" maxlength="11" placeholder="请输入手机号"></div>
15<div class="field"><span class="lab">验证码</span><input data-k="code" type="tel" inputmode="numeric" maxlength="6" placeholder="请输入验证码"><button type="button" class="codebtn">获取验证码</button></div>
16<div class="field"><span class="lab">密码</span><input data-k="pwd" type="password" placeholder="设置登录密码（≥6位）"></div>
17<div class="field"><span class="lab">确认</span><input data-k="pwd2" type="password" placeholder="再次输入密码"></div>
18<label class="agree"><input type="checkbox">我已阅读并同意<a href="javascript:void(0)">《用户服务协议》</a>与<a href="javascript:void(0)">《隐私政策》</a></label>
19<button class="btn-auth" type="submit">注册并登录</button>
20<div class="oauth"><div class="ob">💬</div><div class="ob">💚</div><div class="ob">🔵</div></div><div class="hint">第三方快捷登录（微信 / QQ / 支付宝，接口已预留）</div>
21<div class="switch-line">已有账号？<a href="index.html">去登录 ›</a></div>
22</form></div></div>
23</div>
24<script src="js/main.js"></script>
25</body>
26</html>