首页 > 其他 > 详细

注册页面

时间:2021-09-15 16:44:06      阅读:6      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/new_file.css" />
</head>

<body>
<!--logo部分-->
<div class="continer nav">
<div class="logo">
<img src="img/未标题-3.png" />
</div>
</div>
<!--主体部分-->
<div class="continer form">
<!--标题部分-->
<div class="title">
<font>注册新用户</font>
<font>我有账号,去
<a href="">登录</a>
</font>
</div>
<!--form表单-->

<form action="" method="post">
<ul>
<li>
<label>手机号:</label>
<input type="text" name="" id="" value="" />

<svg t="1631415720073" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3662" width="20" height="20">
<path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m44.245333-469.333333l159.914667-159.914667a31.274667 31.274667 0 1 0-44.245333-44.245333L512 467.754667 352.085333 307.84a31.274667 31.274667 0 1 0-44.245333 44.245333L467.754667 512l-159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333 44.245333L512 556.245333l159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333-44.245333L556.245333 512z" fill="#F5222D" p-id="3663"></path>
</svg>
<span>手机号码输入不正确,请重新输入</span>

</li>
<li><label>短信验证码:</label>
<input type="text" name="" id="" value="" /></li>
<li>
<label>登录密码:</label>

<input type="password" name="" id="" value="" />

<svg t="1631415720073" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3662" width="20" height="20">
<path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m44.245333-469.333333l159.914667-159.914667a31.274667 31.274667 0 1 0-44.245333-44.245333L512 467.754667 352.085333 307.84a31.274667 31.274667 0 1 0-44.245333 44.245333L467.754667 512l-159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333 44.245333L512 556.245333l159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333-44.245333L556.245333 512z" fill="#F5222D" p-id="3663"></path>
</svg>
<span>密码不少于6位数,请重新输入</span>

</li>

<li><label>确认密码:</label>
<input type="password" name="" id="" value="" />

<svg t="1631415720073" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3662" width="20" height="20">
<path d="M512 981.333333C252.8 981.333333 42.666667 771.2 42.666667 512S252.8 42.666667 512 42.666667s469.333333 210.133333 469.333333 469.333333-210.133333 469.333333-469.333333 469.333333z m44.245333-469.333333l159.914667-159.914667a31.274667 31.274667 0 1 0-44.245333-44.245333L512 467.754667 352.085333 307.84a31.274667 31.274667 0 1 0-44.245333 44.245333L467.754667 512l-159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333 44.245333L512 556.245333l159.914667 159.914667a31.274667 31.274667 0 1 0 44.245333-44.245333L556.245333 512z" fill="#F5222D" p-id="3663"></path>
</svg>
<span>密码输入不正确</span>

</li>

</ul>
<div class="extent">
<font>安全程度</font>
<div class="weak">

</div>
<div class="centre">

</div>
<div class="better">

</div>
</div>
</form>
<div class="agree">
<input type="checkbox" name="" id="" value="" />
<font>同意协议并注册
<a href="">《如果果用户协议》</a>
</font>
<input type="submit" name="" id="" value="完成注册" />
</div>
</div>
<div class="bottom">
<ul>
<li>关于我们<span>|</span></li>
<li>联系我们<span>|</span></li>
<li>联系客服<span>|</span></li>
<li>商家入驻<span>|</span></li>
<li>营销中心<span>|</span></li>
<li>手机品优购<span>|</span></li>
<li>友情链接<span>|</span></li>
<li>销售联盟<span>|</span></li>
<li>品优购社区<span>|</span></li>
<li>品优购公益<span>|</span></li>
<li>English Site<span>|</span></li>
<li>Contace U</li>
</ul>
<p>地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编:100096 电话:400-618-4000 传真:010-82935100 邮箱:zhanghj+itcast.cn</p>
<p>京ICP备 08001421 号京公网安备 110108007702</p>
</div>
</body>

</html>

注册页面

原文:https://www.cnblogs.com/qq1561942060/p/15268108.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!