register.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>注册纵横通行帐号</title>
  6. <meta name=description content=一个帐号通用纵横旗下所有网络产品。>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/global.css>
  9. <script src=js/jquery-1.7.1.min.js></script>
  10. <script src=js/global.js></script>
  11. </head>
  12. <body>
  13. <div class="globalHeader">
  14. <div class="width950">
  15. <div class="globalNav">
  16. <a href="http://smartcost.com.cn" target="_blank">纵横官网</a>
  17. <a href="http://sso.smartcost.com.cn" target="_blank" class="now">通行帐号</a>
  18. <a href="#">网络版</a>
  19. <div class="zhzd">
  20. <a class="zhzdFir">纵横知道<b></b></a>
  21. <div class="zhzdMenu">
  22. <a href="http://zhzdwd.com" target="_blank">问答</a>
  23. <a href="http://zhzdwk.com" target="_blank">文库</a>
  24. <a href="http://zhzdjg.com" target="_blank">价格信息</a>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="width950 userInfoPanel clearfix">
  31. <img src="images/mainlogo.png" class="fL"><!-- <p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p> -->
  32. </div>
  33. <div class="globalContent width950">
  34. <div class="formItem">
  35. <h2>注册通行帐号</h2>
  36. <div class="regInfo fR">
  37. <div class="regStepTip">
  38. <p class="colGreen"><b>第一步 填写注册信息</b></p>
  39. <p>第二步 进行邮箱验证</p>
  40. <p>第三步 完成注册</p>
  41. </div>
  42. <div class="regTips">
  43. <b>什么是纵横通行账号?</b>
  44. <p>纵横通行账号是纵横推出的统一帐号系统。拥有了纵横通行证即可以畅通纵横网站服务,在众多个性化产品中直接登录使用,免去了重复注册,重复登录的步骤,并能充分享受为您量身定制的各种个性化会员服务。</p>
  45. </div>
  46. </div>
  47. <dl class="regForm">
  48. <dt>您的邮箱</dt>
  49. <dd><input id="zhemail" class="inputText"><p class="tips">找回密码,修改密码等操作重要凭证</p></dd>
  50. <dt>注册账户</dt>
  51. <dd><input id="zhuser" class="inputText inputSus">
  52. <p class="tips">3-18位,可以由中英文、数字和标点符号等组合</p>
  53. </dd>
  54. <dt>密码</dt>
  55. <dd><input type="password" class="inputText">
  56. <p class="tips">密码长度为6~16位,建议使用数字与英文混合</p>
  57. </dd>
  58. <dt>确认密码</dt>
  59. <dd><input type="password" class="inputText erroT"><span class="erroT">密码不一致</span></dd>
  60. <dt>密码保护问题</dt>
  61. <dd>
  62. <select style="width:290px">
  63. <option>请选择</option>
  64. <option>您父亲的名字是?</option>
  65. <option>您母亲的名字是?</option>
  66. <option>您的英文名字是?</option>
  67. <option>您身份证最后6位数字是?</option>
  68. <option>您就读的第一所学校全称是?</option>
  69. <option>自定义问题</option>
  70. </select>
  71. </dd>
  72. <dt>自定义问题</dt>
  73. <dd><input class="inputText"></dd>
  74. <dt>您的答案</dt>
  75. <dd><input class="inputText">
  76. <p class="tips">找回账号密码时必填项,请牢记!</p></dd>
  77. <dt><label><input type="checkbox"><b style="color:#E36335;font-size:16px"> 同时开通纵横软件网络版</b></label></dt>
  78. </dl>
  79. <dl class="regForm softInfo" style="border-left:1px solid #E36335;padding:0 0 0 10px">
  80. <dd style="color:#E36335">*您需要完整填写以下信息方可使用网络版软件</dd>
  81. <dt>真实姓名</dt>
  82. <dd><input class="inputText"><p class="tips">请输入您的中文真实姓名</p></dd>
  83. <dt>手机号码</dt>
  84. <dd><input class="inputText"><p class="tips">便于后期升级服务,我们会严格保密</p></dd>
  85. <dt>单位(公司)名称</dt>
  86. <dd><input class="inputText"><p class="tips">请输入您的单位(公司)名称</p></dd>
  87. <dt>电话号码</dt>
  88. <dd><input class="inputText" style="width:40px" placeholder="区号"> <input class="inputText" style="width:215px" placeholder="便于后期升级服务,我们会严格保密"></dd>
  89. <dt>QQ</dt>
  90. <dd><input class="inputText"><p class="tips">便于后期升级服务,我们会严格保密</p></dd>
  91. <dt>联系地址</dt>
  92. <dd><select><option>所在省份</option></select> <input id="zhemail" class="inputText" placeholder="便于为您服务,我们会严格保密"></dd>
  93. <dt>获悉渠道(您是通过什么方式知道纵横免费网络版的?)</dt>
  94. <dd style="padding:10px;background:#f2f2f2;text-align:left">
  95. <label style="width:115px;display:inline-block;margin-bottom:5px"><input type="radio"> 纵横销售人员</label>
  96. <label style="width:115px;display:inline-block"><input type="radio"> 纵横网站</label>
  97. <label style="width:115px;display:inline-block"><input type="radio"> 别人推荐</label>
  98. <label style="width:115px;display:inline-block"><input type="radio"> 网络搜索</label>
  99. <label style="width:115px;display:inline-block;margin-bottom:5px"><input type="radio"> 造价论坛</label>
  100. <label style="width:115px;display:inline-block"><input type="radio"> QQ群</label>
  101. <label style="width:115px;display:inline-block"><input type="radio"> 邮件</label>
  102. <label style="width:115px;display:inline-block;margin-bottom:5px"><input type="radio"> 微博</label>
  103. <label style="width:115px;display:inline-block"><input type="radio"> 微信</label>
  104. <label style="width:115px;display:inline-block"><input type="radio"> 其他</label>
  105. </dd>
  106. </dl>
  107. <dl class="regForm">
  108. <dd class="clearfix"><br><br><a class="button btn-green " href="">同意以下协议并注册</a></dd>
  109. <dd><br><a href="#">《通行帐号注册协议》</a></dd>
  110. </dl>
  111. </div>
  112. </div>
  113. <div class="footer">
  114. <div class="width950">
  115. <p>Copyright &copy; 2012 <a target="_blank" href="http://smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved </p>
  116. </div>
  117. </div>
  118. </body>