大家好,欢迎来到IT知识分享网。
项目实战:京东商城(1)—-京东商城首页
京东商城(2)—-京东商城登录页面
京东商城(3)—-京东商城注册页面
网页效果:
网页源代码(入需其他源代码,请在评论下方留言):
<!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"> 已有账号? <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">中国 0086 <i class="iconfont1"></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>
转载于:https://www.cnblogs.com/alex-xxc/p/9750313.html
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/154724.html