登陆/绑定页面

来源:互联网 发布:毛衣店铺推荐知乎 编辑:程序博客网 时间:2024/05/10 04:02
<!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>

效果

图片自己找一张

原创粉丝点击