登陆/绑定页面

最新推荐文章于 2021-05-26 12:55:55 发布

原创最新推荐文章于 2021-05-26 12:55:55 发布 · 603 阅读

0 ·

CC 4.0 BY-SA版权

伊斯Q商城专栏收录该内容

0 篇文章

订阅专栏

<!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>

图片自己找一张