京東商城項目實戰（3）------京東商城註冊頁面

時間  2019-11-19
標籤 京東商城 項目 實戰 註冊 頁面 简体版
原文   原文鏈接

項目實戰：京東商城（1）----京東商城首頁javascript

　　　　　京東商城（2）----京東商城登陸頁面css

　　　　　京東商城（3）----京東商城註冊頁面html

網頁效果：java

網頁源代碼（入需其餘源代碼，請在評論下方留言）：spa

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的註冊</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/regist.css"/>
    <script type="text/javascript" src="js/register.js" charset="UTF-8"></script>
</head>
<body>
    <div class="mask" id="mask">
        <div class="xy">
            <i id="m_close"></i>
            <div class="title">京東用戶註冊協議和隱私政策</div>
            <iframe src="jdzcxy.html"></iframe>
            <div class="an">
                <button class="bt1" onclick="window.location.href='index.html'">取消</button>
                <button class="bt2" id="but2">贊成並繼續</button>
            </div>
        </div>
    </div>
    <div class="rheader">
        <div class="w">
            <div class="fl">
                <div class="logo fl">
                    <a href="#" class="bglogo"></a>
                </div>
                <div class="welcome fl">歡迎註冊</div>
            </div>
            <div class="fr">
                已有帳號？&nbsp;<a href="login.html" class="col-red">請登陸></a>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="w">
            <div class="progress-bar clearfix">
                <div class="pro-num fl">
                    <span class="current">1</span>
                    <p class="current">驗證手機號</p>
                </div>
                <div class="jt fl"></div>
                <div class="pro-num fl">
                    <span>2</span>
                    <p>填寫帳號信息</p>
                </div>
                <div class="jt fl"></div>
                <div class="pro-num fl">
                    <span>3</span>
                    <p>註冊成功</p>
                </div>
            </div>
            <div class="form">
                <label for="phone">中國&nbsp;0086&nbsp;<i class="iconfont1">&#xe7ec;</i></label>
                <input type="text" id="phone" value="建議使用經常使用手機號" autocomplete="off"/><span class="msg" id="msg">驗證完成後,你能夠使用該手機登陸或找回密碼</span><span id="right"></span>
            </div>
            <div class="yz">
                點擊按鈕進行驗證
            </div>
            <button type="submit">下一步</button>
            <div class="lb">
                <div class="fl">
                    <i></i>
                    企業用戶註冊
                </div>
                <div class="fr">
                    <i></i>
                    國際站註冊
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="w">
            <p><a href="#">關於咱們</a><span>|</span><a href="#">聯繫咱們</a><span>|</span><a href="#">人才招聘</a><span>|</span><a href="#">商家入駐</a><span>|</span><a href="#">廣告服務</a><span>|</span><a href="#">手機京東</a><span>|</span><a href="#">友情連接</a><span>|</span><a href="#">銷售聯盟</a><span>|</span><a href="#">京東社區</a><span>|</span><a href="#">京東公益</a><span>|</span><a href="#">English Site</a></p>
            <p>Copyright©2004-2018  京東JD.com 版權全部</p>
        </div>
    </div>
</body>
</html>
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程