注册页面
<!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>
