register.html 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <div class="container">
  2. <div class="panel panel-default">
  3. <div class="panel-body">
  4. <div class="page-header" style="margin-top:10px;">
  5. <h4>注册</h4>
  6. </div>
  7. <div class="row">
  8. <div class="col-md-6 col-xs-12">
  9. <div class="well">
  10. <form id="registerForm" method="POST" action="#">
  11. <div class="form-group">
  12. <label for="email" class="control-label">邮箱</label>
  13. <input type="text" class="form-control" id="email" name="email" value="" required="" placeholder="">
  14. <span class="help-block"></span>
  15. </div>
  16. <div class="form-group">
  17. <label for="username" class="control-label">用户名</label>
  18. <input type="text" class="form-control" id="username" name="username" value="" required="" placeholder="">
  19. <span class="help-block"></span>
  20. </div>
  21. <div class="form-group">
  22. <label for="mobile" class="control-label">手机</label>
  23. <input type="text" class="form-control" id="mobile" name="mobile" value="" placeholder="可选">
  24. <span class="help-block"></span>
  25. </div>
  26. <div class="form-group">
  27. <label for="password" class="control-label">密码</label>
  28. <input type="password" class="form-control" id="password" name="password" value="" required="" />
  29. <span class="help-block"></span>
  30. </div>
  31. <div class="form-group">
  32. <label for="password" class="control-label">验证码</label>
  33. <div class="input-group">
  34. <input type="text" name="captcha" class="form-control" />
  35. <span class="input-group-addon" style="padding:0;border:none;">
  36. <img src="{:captcha_src()}" width="100" height="30" onclick="this.src = '{:captcha_src()}?r=' + Math.random();"/>
  37. </span>
  38. </div>
  39. <span class="help-block"></span>
  40. </div>
  41. <button type="submit" class="btn btn-success btn-block">提 交</button>
  42. <a href="{:url('user/login')}" class="btn btn-default btn-block">已经账号,立即登录</a>
  43. </form>
  44. </div>
  45. </div>
  46. <div class="col-md-6 col-xs-12">
  47. <p class="lead">会员权益</p>
  48. <ul class="list-unstyled" style="line-height: 2">
  49. <li><span class="fa fa-check text-success"></span> 最新代码推送</li>
  50. <li><span class="fa fa-check text-success"></span> 发布评论</li>
  51. <li><span class="fa fa-check text-success"></span> 个性化头像</li>
  52. <li><span class="fa fa-check text-success"></span> 定制专属页面</li>
  53. <li><span class="fa fa-check text-success"></span> 发现更多</li>
  54. </ul>
  55. <a href="{:url('user/third?action=redirect&platform=weibo')}" class="btn btn-danger btn-block"><i class="fa fa-weibo"></i> 微博登录</a>
  56. <a href="{:url('user/third?action=redirect&platform=wechat')}" class="btn btn-success btn-block"><i class="fa fa-wechat"></i> 微信登录</a>
  57. <a href="{:url('user/third?action=redirect&platform=qq')}" class="btn btn-info btn-block"><i class="fa fa-qq"></i> QQ登录</a>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>