userInfo.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  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. <link rel="stylesheet" href="../../css/user.css" media="all" />
  14. </head>
  15. <body class="childrenBody">
  16. <form class="layui-form">
  17. <!--<div class="user_left">-->
  18. <div class="layui-form-item">
  19. <label class="layui-form-label">帐号</label>
  20. <div class="layui-input-block">
  21. <input type="text" id="txtUserID" value="请叫我马哥" disabled class="layui-input layui-disabled">
  22. </div>
  23. </div>
  24. <div class="layui-form-item">
  25. <label class="layui-form-label">权限组</label>
  26. <div class="layui-input-block">
  27. <input type="text" id="txtQuanXianPeiZhi" value="超级管理员" disabled class="layui-input layui-disabled">
  28. </div>
  29. </div>
  30. <div class="layui-form-item">
  31. <label class="layui-form-label">姓名</label>
  32. <div class="layui-input-block">
  33. <input type="text" value="" id="txtUserName" placeholder="请输入姓名" lay-verify="required" class="layui-input">
  34. </div>
  35. </div>
  36. <div class="layui-form-item" pane="">
  37. <label class="layui-form-label">性别</label>
  38. <div class="layui-input-block">
  39. <input type="radio" name="sex" value="男" title="男" checked="">
  40. <input id="rdonv" type="radio" name="sex" value="女" title="女">
  41. <input type="radio" name="sex" value="保密" title="保密">
  42. </div>
  43. </div>
  44. <!--<div class="layui-form-item">
  45. <label class="layui-form-label">手机号码</label>
  46. <div class="layui-input-block">
  47. <input type="tel" value="" placeholder="请输入手机号码" lay-verify="required|phone" class="layui-input">
  48. </div>
  49. </div>
  50. <div class="layui-form-item">
  51. <label class="layui-form-label">出生年月</label>
  52. <div class="layui-input-block">
  53. <input type="text" value="" placeholder="请输入出生年月" lay-verify="required|date" onclick="layui.laydate({elem: this,max: laydate.now()})" class="layui-input">
  54. </div>
  55. </div>
  56. <div class="layui-form-item">
  57. <label class="layui-form-label">家庭住址</label>
  58. <div class="layui-input-inline">
  59. <select name="province" lay-filter="province">
  60. <option value="">请选择省</option>
  61. </select>
  62. </div>
  63. <div class="layui-input-inline">
  64. <select name="city" lay-filter="city" disabled>
  65. <option value="">请选择市</option>
  66. </select>
  67. </div>
  68. <div class="layui-input-inline">
  69. <select name="area" lay-filter="area" disabled>
  70. <option value="">请选择县/区</option>
  71. </select>
  72. </div>
  73. </div>-->
  74. <!--<div class="layui-form-item">
  75. <label class="layui-form-label">兴趣爱好</label>
  76. <div class="layui-input-block">
  77. <input type="checkbox" name="like1[javascript]" title="Javascript">
  78. <input type="checkbox" name="like1[html]" title="HTML(5)">
  79. <input type="checkbox" name="like1[css]" title="CSS(3)">
  80. <input type="checkbox" name="like1[php]" title="PHP">
  81. <input type="checkbox" name="like1[.net]" title=".net">
  82. <input type="checkbox" name="like1[ASP]" title="ASP">
  83. <input type="checkbox" name="like1[C#]" title="C#">
  84. <input type="checkbox" name="like1[Angular]" title="Angular">
  85. <input type="checkbox" name="like1[VUE]" title="VUE">
  86. <input type="checkbox" name="like1[XML]" title="XML">
  87. </div>
  88. </div>
  89. <div class="layui-form-item">
  90. <label class="layui-form-label">邮箱</label>
  91. <div class="layui-input-block">
  92. <input type="text" value="" placeholder="请输入邮箱" lay-verify="required|email" class="layui-input">
  93. </div>
  94. </div>
  95. <div class="layui-form-item">
  96. <label class="layui-form-label">自我评价</label>
  97. <div class="layui-input-block">
  98. <textarea placeholder="请输入内容" class="layui-textarea"></textarea>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="user_right" style="display:none;">
  103. <input type="file" name="dddd" class="layui-upload-file" lay-title="掐指一算,我要换一个头像了">
  104. <p>由于是纯静态页面,所以只能显示一张随机的图片</p>
  105. <img src="" class="layui-circle" id="userFace">
  106. </div>
  107. <div class="layui-form-item" style="margin-left: 5%;">
  108. <div class="layui-input-block">
  109. <button class="layui-btn" lay-submit="" lay-filter="changeUser">立即提交</button>
  110. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  111. </div>
  112. </div>-->
  113. </form>
  114. <script type="text/javascript" src="../../layui/layui.js"></script>
  115. <script type="text/javascript" src="address.js"></script>
  116. <script type="text/javascript" src="user.js"></script>
  117. </body>
  118. </html>