<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<title>绑定手机</title>
<style>
.header {
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
font-size: 18px;
background-color: #000000;
position: relative;
}
.header span:nth-child(3) {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
height: 100%;
position: absolute;
right: 0;
background-color: #333333;
}
.logo{
width: 30%;
height: 30%;
margin: 40px 40%;
border-radius: 50%;
}
.input{
width: 90%;
padding: 10px 0;
border: 1px solid #d9d9d9;
background-color: #FFFFFF;
border-radius: 5px;
outline:none;
font-size: 14px;
text-indent: 6px;
line-height: 18px;
margin:10px 5%;
}
.primary{
background-color: #000000;
color: #FFFFFF;
}
.forgetPassword{
text-align: right;
font-size: 12px;
color: #0c79b1;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 5%;
}
</style>
</head>
<body ontouchstart>
<div class="header">
<span onclick="window.history.back();"><i class="fa fa-chevron-left" aria-hidden="true"></i></span>
<span>我的反馈</span>
<span onclick="window.location.href='myInfomation_ed.html'">注册</span>
</div>
<div class="main">
<img class="logo" src="../order/images/shoes.png"/>
<input class="input" type="tel" pattern="[0-9]*" placeholder="请输入手机号">
<input class="input" type="password" pattern="[0-9]*" placeholder="请输入密码">
<div class="forgetPassword">忘记密码?</div>
<input class="input primary" type="button" pattern="[0-9]*" value="绑定">
</div>
</body>
</html>
图片自己找一张