diwu
/
register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>register</title>
    <link rel="stylesheet" href="src/css/base.css">
    <link rel="stylesheet" href="src/css/style.css">
    <style>
        .header {
            width: 1210px;
            height: 110px;
            margin: 0 auto;

        }

        .header > .left {
            width: 244px;
            height: 110px;
            float: left;
            position: relative;
            margin-right: 24px;
        }

        .header > .left:after {
            content: "";
            display: inline-block;
            height: 60px;
            width: 0;
            border: #c9c8c8 solid 1px;
            position: absolute;
            right: -12px;
            top: 25px;

        }

        .header > .left > a {
            display: inline-block;
            width: 244px;
            height: 110px;
        }

        .header > .txt {
            color: #999;
            font-size: 22px;
            line-height: 110px;
            float: left;
        }

        .header > .right {
            font-size: 16px;
            float: right;
            line-height: 110px;
            color: #666;
        }

        .header > .right span i {
            margin-left: 8px;

        }

        .box {
            width: 100%;
            height: 584px;
            background-color: #262626;
        }

        .box > .backimg {
            position: relative;
            margin: 0 auto;
            width: 1210px;
            height: 584px;
            background: url("src/images/login_background1.jpg") no-repeat;
            background-size: 100% 584px;;
        }

        .box > .backimg > .inner {

            position: absolute;
            right: 40px;
            top: 30px;
            height: 520px;
            width: 400px;
            padding: 0 30px;
            background-color: #fff;

        }

        .box > .backimg > .inner > .inner-title {
            text-align: center;
            width: 340px;
            height: 90px;
            font-size: 20px;
            line-height: 90px;


        }

        .box > .backimg > .inner > #myform {
            width: 340px;
            height: 430px;

        }

        #myform > p > label > input {
            width: 340px;
            height: 50px;
            margin-bottom: 8px;
            padding-left: 10px;
        }

        #myform > .yzm {
            width: 340px;
            height: 50px;
            margin-bottom: 8px;
        }

        #myform > .yzm > p {
            float: left;

            margin-right: 30px;
        }

        #myform > .yzm > p > label > input {
            width: 180px;
            height: 50px;
            padding-left: 8px;
        }

        #myform > .yzm > #idcode {
            text-align: center;
            display: inline-block;
            width: 130px;
            height: 50px;
            float: right;
            z-index: 30;

        }

        #myform > #btn {
            width: 340px;
            height: 50px;
            background-color: #333;
            font-size: 18px;
            color: #fff;
            border: none;
            transition: 1s;
            margin-bottom: 10px;
        }

        #myform > #btn:hover {
            background-color: #a60000;
        }

        #myform > .last > label > input {
            height: 15px;
            width: 15px;

        }
        #myform > .last > label span {
            font-size: 12px;
        }
        #myform > .last > label a{
            margin-left: 40px;
            color: coral;
        }

        #myform > p > label .error {
            color: red;
            margin-bottom: 8px;
        }

    </style>
    <link rel="stylesheet" href="src/css/jquery.idcode.css">

    <script src="src/js/lib/jquery-3.3.1.js"></script>
    <script src="src/js/lib/require.js" data-main="src/js/register.js"></script>


</head>
<body>
<div class="header">
    <div class="left">
        <a href="#"> <img src="src/images/logo.jpg" alt=""></a>


    </div>
    <div class="txt">
        <i>注册第五大道</i>
    </div>
    <div class="right">
        <span class="icon-phone"><i>客服热线:4008-6767-38</i></span>
    </div>


</div>
<div class="box">
    <div class="backimg">
        <div class="inner">
            <div class="inner-title">
                注册第五大道
            </div>
            <form id="myform">
                <p><label><input type="text" name="uname" placeholder="用户名"></label></p>
                <div class="yzm">
                    <p><label>
                        <input name="yzm" type="text" placeholder="请输入验证码" id="Txtidcode" class="txtVerification">
                    </label>

                    </p>
                    <span id="idcode"></span>
                </div>

                <p><label><input type="text" name="upwd" placeholder="请输入密码" id="pwd"></label></p>
                <p><label><input type="text" name="upwd2" placeholder="确认密码"></label></p>
                <button id="btn" type="submit">立即注册</button>
                <p class="last" ><label><input type="checkbox"
                                              checked><span>我已阅读并同意《第五大道用户协议》</span><a href="login.html">已有账号?</a></label></p>
            </form>
        </div>
    </div>

</div>
<div class="pop_bg">
    <div class="popup_main">

        <img src="src/images/foot_popup.png"/>
        <a></a>
    </div>
</div>
<div class="footer">

</div>
</body>
</html>