register.html 8.0 KB

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