Nav apraksta

bindphone.html 1.8KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>绑定手机</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <link href="../css/app.css" rel="stylesheet" />
  9. <style>
  10. body{ background: #FFFFFF;}
  11. .mui-content{background-color:#FFFFFF;}
  12. </style>
  13. </head>
  14. <body>
  15. <header class="mui-bar mui-bar-nav toptitbox">
  16. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
  17. <h1 class="mui-title toptit">绑定手机</h1>
  18. </header>
  19. <div class="mui-content">
  20. <div class="mui-input-group">
  21. <div class="maincon">
  22. <ul class="basicinfo" style="margin: 0; padding: 0;">
  23. <li><label>手机号码</label></li>
  24. <li class="basicfrm"><input type="tel" class="mui-input-clear frmtype" placeholder="请输入要绑定的手机号码" id="username"></li>
  25. <li><label>验证码</label></li>
  26. <li class="basicfrm mui-clearfix">
  27. <input type="number" class="mui-input-clear frmtype mui-pull-left" style="width: 70%;" placeholder="请输入验证码" id="set-code">
  28. <span class="mui-pull-right" style="color: #FF9900; margin-right: 10px;" id="obtain-code">获取验证码</span>
  29. <span class="mui-pull-right" style="color: #FF9900; margin-right: 10px;" id="getcodeoff" style="display:none;"></span>
  30. </li>
  31. </ul>
  32. </div>
  33. </div>
  34. <div class="mui-content-padded mainbox">
  35. <button class="mui-btn mui-btn-block frmbtn" style="width: 96%;" id="bdbuttn" disabled="disabled">绑定</button>
  36. </div>
  37. </div>
  38. <script src="../js/public/mui.min.js"></script>
  39. <script src="../js/public/base.js"></script>
  40. <script src="../js/bindphone.js"></script>
  41. </body>
  42. </html>