-
Notifications
You must be signed in to change notification settings - Fork 4
/
login.html
1 lines (1 loc) · 5.72 KB
/
login.html
1
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="x-dns-prefetch-control" content="on"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="renderer" content="webkit"><meta name="force-rendering" content="webkit"><meta name="format-detection" content="telephone=no,email=no,adress=no"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-touch-fullscreen" content="yes"><meta name="author" content="舒仔"><meta name="description" content="小鹅通，为内容创业者提供技术支持，一分钟搭建自己的知识变现平台。服务自媒体、传统媒体、出版社、在线教育机构、线下培训机构以及知识盈余的个人。"><meta name="keywords" content="小鹅通,自媒体,新媒体,媒体,微信,微信公众平台,公众号,订阅号,服务号,粉丝,社群,用户画像,大数据,小程序,内容付费,知识服务,内容变现,知识变现,社群经济,粉丝经济,网红经济,流量变现,小鹅,小鹅通工具,KOL,大V,知识电商"><title>小鹅通-登录</title><link rel="stylesheet" href="css/login.css"></head><body><header><a href="index.html" class="logo-link"><img class="logo" src="img/logo/logo_black.svg" alt="小鹅通Logo"></a></header><main><section class="login active" id="login"><h2 class="title">密码登录</h2><form action="" class="login-form"><label for="login-account"><input type="text" id="login-account" class="login-input" placeholder="请输入手机号/账号"></label><label for="login-password"><input type="text" id="login-password" class="login-input" placeholder="请输入密码"></label><label for="login-identify"><input type="text" id="login-identify" class="login-input" placeholder="请输入验证码"> <img src="img/check-digit.jpg" class="checkDigit" alt="验证码"></label><span class="transfromToForget" id="transfromToForget">忘记密码</span> <button class="login-button" disabled="disabled">登录</button><p class="account-desc">没有账号？ <span class="transfromToRegister" id="transfromToRegister">立即注册</span></p></form></section><section class="register" id="register"><h2 class="title">免费注册</h2><form action="" class="register-form"><label for="register-account">手机号： <input type="text" id="register-account" class="register-input" placeholder=" 请输入手机号"> <img class="icon-right" id="register-account-img" src="img/icon/hk_right.svg" alt="icon-输入正确"></label><p class="hint" id="register-account-hint"></p><label for="register-identify">验证码： <input type="text" id="register-identify" class="register-input" placeholder=" 请输入验证码"> <a href="" class="identify-link">获取验证码</a></label><!-- <p class="hint" id="register-account-hint"></p> --><label for="register-password1">设置密码： <input type="password" id="register-password1" class="register-input register-input-sm" placeholder="请输入密码"> <img class="icon-right" id="register-password1-img" src="img/icon/hk_right.svg" alt="icon-输入正确"></label><p class="hint" id="register-password1-hint">以字母开头，必须包含大小写字母和数字，不能使用特殊字符，长度在6-18个字符之间</p><label for="register-password2">确认密码： <input type="password" id="register-password2" class="register-input register-input-sm" placeholder="请再次输入密码"> <img class="icon-right" id="register-password2-img" src="img/icon/hk_right.svg" alt="icon-输入正确"></label><p class="hint" id="register-password2-hint">再次输入密码</p><input type="checkbox" id="confirm" class="register-confirm"><label for="confirm" class="register-confirm-label">我已阅读并同意<a href="" class="confirm-link">《小鹅通服务协议》</a></label><button class="register-button" id="register-button" disabled="disabled">确认注册</button><p class="account-desc">已有账号？ <span class="transfromToLogin" id="transfromToLogin">马上登录</span></p></form></section><section class="forget" id="forget"><h2 class="title">重置密码</h2><form action="" class="register-form"><label for="forget-account">手机号： <input type="text" id="forget-account" class="register-input" placeholder=" 请输入手机号"> <img class="icon-right" id="forget-account-img" src="img/icon/hk_right.svg" alt="icon-输入正确"></label><p class="hint" id="forget-account-hint"></p><label for="forget-identify">验证码： <input type="text" id="forget-identify" class="register-input" placeholder=" 请输入验证码"> <a href="" class="identify-link-forget">获取验证码</a></label><label for="forget-password1">设置密码： <input type="password" id="forget-password1" class="register-input register-input-sm" placeholder="请输入密码"> <img class="icon-right" id="forget-password1-img" src="img/icon/hk_right.svg" alt="icon-输入正确"></label><p class="hint" id="forget-password1-hint">以字母开头，必须包含大小写字母和数字，不能使用特殊字符，长度在6-18个字符之间</p><label for="forget-password2">确认密码： <input type="password" id="forget-password2" class="register-input register-input-sm" placeholder="请再次输入密码"> <img class="icon-right" id="forget-password2-img" src="img/icon/hk_right.svg" alt="icon-输入正确"></label><p class="hint" id="forget-password2-hint">再次输入密码</p><span class="transfromToForget" id="transfromToLoginAgain">返回登录</span> <button class="register-button" id="forget-button" disabled="disabled">保存</button></form></section></main><script async src="js/login.js" charset="utf-8"></script></body></html>