1 Star 0 Fork 0

SunLike阿理旺旺 / secondToNone

加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未指定开源许可证,未经作者的许可,此代码仅用于学习,不能用于其他用途。
克隆/下载
register.html 8.74 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
SunLike阿理旺旺 提交于 2017-07-05 19:49 . 第一次修改
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>不二定制-主页</title>
<meta name = "keywords" content="不二定制">
<link rel="stylesheet" type="text/css" href="css/register.less">
<link rel="stylesheet" type="text/css" href="css/footer.less">
</head>
<body>
<div class="header">
<div class="head-container">
<div class="left-logo">
<a href="index.html">
<img src="/imgs/logo.png">
</a>
</div>
<div class="right-title">
<span class = 'welcome'>欢迎注册</span>
<span class = 'login'>
<span>已有账号</span>
<a href="login.html" class = 'login-btn'>请登录</a>
</span>
</div>
</div>
</div>
<div class="register-main">
<div class="register-form">
<div class="left-box">
<div class = 'list user-name'>
<p class = 'val'>
<span>用户名</span>
<input type="text" name="" placeholder="请输入用户名">
</p>
<p class = 'tip'>
<span class = 'suc'>
<i></i>
<span>正确</span>
</span>
<span class = 'blur'>
<i>!</i>
<span>支持中文、字母、数字、"-"、"_"的组合,4-20字符</span>
</span>
<span class = 'err'>
<i></i>
<span>格式错误,仅支持汉字、字母、数字、“-”“_”的组合</span>
</span>
</p>
</div>
<div class="list password">
<p class = 'val'>
<span>设置密码</span>
<input type="password" name="" placeholder="建议至少使用两种字符组合">
</p>
<p class = 'tip'>
<span class = 'suc'>
<i></i>
<span>正确</span>
</span>
<span class = 'blur'>
<i>!</i>
<span>建议使用字母、数字和符号两种及以上的组合,6-20个字符</span>
</span>
<span class = 'err'>
<i></i>
<span>密码不一致</span>
</span>
</p>
</div>
<div class="list repassword">
<p class = 'val'>
<span>确认密码</span>
<input type="password" name="请再次输入密码">
</p>
<p class = 'tip'>
<span class = 'suc'>
<i></i>
<span>正确</span>
</span>
<span class = 'blur'>
<i>!</i>
<span>建议使用字母、数字和符号两种及以上的组合,6-20个字符</span>
</span>
<span class = 'err'>
<i></i>
<span>密码长度小于6</span>
</span>
</p>
</div>
<div class="list record-phone">
<p class = 'val'>
<select>
<option value = '1'>中国大陆</option>
<option value = "2">台湾</option>
<option value = "3">香港</option>
<option value = "4">澳门</option>
</select>
<input type="text" name="" placeholder="建议使用常用手机">
</p>
<p class = 'tip'>
<span class = 'suc'>
<i></i>
<span>正确</span>
</span>
<span class = 'blur'>
<i>!</i>
<span>完成验证后,你可以用该手机登录和找回密码</span>
</span>
<span class = 'err'>
<i></i>
<span>请输入正确的手机号码</span>
</span>
</p>
</div>
<div class="list check-code">
<p class = 'val'>
<span>验证码</span>
<input type="text" name="" placeholder="请输入右侧验证码">
<a href="#">
<img src="/imgs/code-icon.png">
</a>
</p>
<p class = 'tip'>
<span class = 'suc'>
<i></i>
<span>正确</span>
</span>
<span class = 'blur'>
<i>!</i>
<span>看不清?点击图片更换验证码</span>
</span>
<span class = 'err'>
<i></i>
<span>请输入正确的验证码</span>
</span>
</p>
</div>
<div class="list check-phone">
<p class = 'val'>
<span>手机验证码</span>
<input type="text" name="" placeholder="请输入手机验证码">
<a href="#" class = 'get-code'>获取验证码</a>
</p>
<p class = 'tip'>
<span class = 'suc'>
<i></i>
<span>正确</span>
</span>
<span class = 'blur'>
<i>!</i>
<span>看不清?点击图片更换验证码</span>
</span>
<span class = 'err'>
<i></i>
<span>请输入正确的验证码</span>
</span>
</p>
</div>
<div class="list check-protocol">
<input type="checkbox" name="" id = 'protocol'>
<label for="protocol">
<span>我已阅读并同意</span>
<a href="#" class = 'get-protocol'>
《不二定制用户注册协议》
</a>
</label>
</div>
<div class="list register-btn">
<a href="#">立即注册</a>
</div>
</div>
<div class="right-bo">
<a href="#">
<img src="/imgs/ad.png">
</a>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<link rel="import" href="include/footer.tpl?__inline">
<script type="text/javascript" src = 'js/jquery-2.2.1.min.js'></script>
</body>
</html>

评论 ( 0 )

你可以在登录后,发表评论

1
https://gitee.com/mypersonalwebsite/secondtonone.git
git@gitee.com:mypersonalwebsite/secondtonone.git
mypersonalwebsite
secondtonone
secondToNone
master

搜索帮助