addUser.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>会员添加--layui后台管理模板</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="format-detection" content="telephone=no">
  12. <link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
  13. <style type="text/css">
  14. .layui-form-item .layui-inline{ width:33.333%; float:left; margin-right:0; }
  15. @media(max-width:1240px){
  16. .layui-form-item .layui-inline{ width:100%; float:none; }
  17. }
  18. </style>
  19. </head>
  20. <body class="childrenBody">
  21. <form class="layui-form" style="width:80%;">
  22. <div class="layui-form-item">
  23. <label class="layui-form-label">登录名</label>
  24. <div class="layui-input-block">
  25. <input type="text" class="layui-input userName" lay-verify="required" placeholder="请输入登录名">
  26. </div>
  27. </div>
  28. <div class="layui-form-item">
  29. <label class="layui-form-label">邮箱</label>
  30. <div class="layui-input-block">
  31. <input type="text" class="layui-input userEmail" lay-verify="email" placeholder="请输入邮箱">
  32. </div>
  33. </div>
  34. <div class="layui-form-item">
  35. <div class="layui-inline">
  36. <label class="layui-form-label">性别</label>
  37. <div class="layui-input-block userSex">
  38. <input type="radio" name="sex" value="男" title="男" checked>
  39. <input type="radio" name="sex" value="女" title="女">
  40. <input type="radio" name="sex" value="保密" title="保密">
  41. </div>
  42. </div>
  43. <div class="layui-inline">
  44. <label class="layui-form-label">会员等级</label>
  45. <div class="layui-input-block">
  46. <select name="userGrade" class="userGrade" lay-filter="userGrade">
  47. <option value="0">注册会员</option>
  48. <option value="1">中级会员</option>
  49. <option value="2">高级会员</option>
  50. <option value="3">超级会员</option>
  51. </select>
  52. </div>
  53. </div>
  54. <div class="layui-inline">
  55. <label class="layui-form-label">会员状态</label>
  56. <div class="layui-input-block">
  57. <select name="userStatus" class="userStatus" lay-filter="userStatus">
  58. <option value="0">正常使用</option>
  59. <option value="1">限制用户</option>
  60. </select>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="layui-form-item">
  65. <label class="layui-form-label">站点描述</label>
  66. <div class="layui-input-block">
  67. <textarea placeholder="请输入站点描述" class="layui-textarea linksDesc"></textarea>
  68. </div>
  69. </div>
  70. <div class="layui-form-item">
  71. <div class="layui-input-block">
  72. <button class="layui-btn" lay-submit="" lay-filter="addUser">立即提交</button>
  73. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  74. </div>
  75. </div>
  76. </form>
  77. <script type="text/javascript" src="../../layui/layui.js"></script>
  78. <script type="text/javascript" src="addUser.js"></script>
  79. </body>
  80. </html>