registerbyemail.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <style>
  2. .container {
  3. max-width: 720px;
  4. background-color: white;
  5. border: 1px solid #c9c9c9;
  6. padding: 20px;
  7. }
  8. .subtitle {
  9. font-size: 18px;
  10. padding-left: 10px;
  11. }
  12. .logon-tab {
  13. font-size: 16px;
  14. font-weight: bold;
  15. padding-bottom: 20px;
  16. }
  17. .login-nav{
  18. padding-top:20px;
  19. }
  20. .nav a{
  21. color:black;
  22. }
  23. .nav .active a{
  24. color:#3c8dbc !important;
  25. }
  26. .agreement{
  27. padding-left:10px;
  28. }
  29. .fa-user-circle{
  30. padding-right:10px;
  31. }
  32. .bigtitle{
  33. color:#3c8dbc;
  34. font-weight:bold;
  35. }
  36. </style>
  37. <div id="content-container" class="container">
  38. <div class="user-section login-section col-xs-12">
  39. <div class="logon-tab clearfix bigtitle">
  40. <h2><i class="fa fa-user-circle" aria-hidden="true"></i>用户注册</h2>
  41. </div>
  42. <div class="logon-tab clearfix">
  43. <ul class="nav nav-tabs">
  44. {volist name="ulmenu" id="row"}
  45. <li role="presentation" class="{if $row.url=='registerbyemail'}active{/if}"><a href="{$row.url}">{$row.name}</a></li>
  46. {/volist}
  47. </ul>
  48. </div>
  49. <div class="login-main">
  50. <form name="form" id="login-form" role="form" class="form-vertical"
  51. method="POST" action="">
  52. <div class="form-group">
  53. <label class="control-label" for="account">邮箱</label><span class="msg-box" for="email"></span>
  54. <div class="controls">
  55. <input class="form-control input-lg " id="email" name="email" type="text"
  56. data-rule="required;email" style="width:80%;display:inline">
  57. <button class="btn btn-default input-lg btn_send" style="width:18%;display:inline;margin: 0px 0px 4px -5px;" disabled>发送</button>
  58. </div>
  59. </div>
  60. <div class="form-group">
  61. <label class="control-label" for="account">用户名</label><span class="msg-box" for="nickname"></span>
  62. <div class="controls">
  63. <input class="form-control input-lg" name="username" type="text"
  64. data-rule="required;username">
  65. <div class="help-block"></div>
  66. </div>
  67. </div>
  68. <div class="form-group">
  69. <label class="control-label" for="account">姓名</label><span class="msg-box" for="nickname"></span>
  70. <div class="controls">
  71. <input class="form-control input-lg" name="nickname" type="text"
  72. data-rule="required;length(1~12)">
  73. <div class="help-block"></div>
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <label class="control-label" for="account">登录密码</label><span class="msg-box" for="password"></span>
  78. <div class="controls">
  79. <input class="form-control input-lg" id="password" type="password"
  80. name="password" data-rule="required;password" autocomplete="off">
  81. <div class="help-block"></div>
  82. </div>
  83. </div>
  84. <div class="form-group">
  85. <label class="control-label" for="account">验证码</label><span class="msg-box" for="ccode"></span>
  86. <div class="controls">
  87. <input class="form-control input-lg" name="ccode" type="text"
  88. data-rule="required;">
  89. <div class="help-block"></div>
  90. </div>
  91. </div>
  92. <div class="form-group">
  93. <div class="controls">
  94. <input name="agreement" id="agreement" value="1" type="checkbox"><span class="agreement">我同意《<a href='#'>用户协议</a>》</span>
  95. <div class="help-block"></div>
  96. </div>
  97. </div>
  98. <div class="form-group">
  99. <button type="submit" class="btn btn-success btn-lg btn-block">注册提交</button>
  100. </div>
  101. <div class="form-group" style="text-align: right;">
  102. <a href='#' id="csmadmin-gotologin">我有帐号,点击登录</a>
  103. </div>
  104. </form>
  105. </div>
  106. </div>
  107. </div>