tail_sm.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>详情-简单</title>
  6. <link rel="stylesheet" href="css/tail.css">
  7. </head>
  8. <body class="body">
  9. <section class="sm_section">
  10. <form>
  11. <div class="tail_div">
  12. <div class="left tail_div_min">
  13. <label>姓名:</label><input type="text" placeholder="输入姓名"/>
  14. </div>
  15. <div class="left tail_div_min">
  16. <label>出生日期:</label><input type="date" />
  17. </div>
  18. </div>
  19. <div class="tail_div">
  20. <div class="left tail_div_min">
  21. <label>电话号码:</label><input type="tel" />
  22. </div>
  23. <div class="left tail_div_min">
  24. <label>数量:</label><input type="number" />
  25. </div>
  26. </div>
  27. <div class="tail_div">
  28. <div class="left tail_div_min">
  29. <label>类型:</label><select><option>xxxx</option></select>
  30. </div>
  31. <div class="left tail_div_min">
  32. <label>类型组:</label><select>
  33. <optgroup label="标题">
  34. <option>xxxxx</option>
  35. </optgroup>
  36. </select>
  37. </div>
  38. </div>
  39. <div class="tail_div">
  40. <div class="tail_div_max left">
  41. <label>网络地址:</label><input type="url">
  42. </div>
  43. </div>
  44. <div class="tail_div">
  45. <div class="left tail_div_xm"><label class="noLable">选择方式:</label><input type="checkbox"/><span>方式一</span>
  46. <input type="checkbox"/><span>方式二</span>
  47. </div>
  48. <div class="left tail_div_xm"><label class="noLable">选择项:</label><input type="radio" name="yes" checked/><span>方式一xx</span>
  49. <input type="radio" name="yes"/><span>方式二</span>
  50. </div>
  51. <div class="left tail_div_xm">
  52. <!--<label class="noLable">选择文件:</label><input type="file"/>-->
  53. </div>
  54. <div class="tail_div">
  55. <div class="tail_div_max left">
  56. <label class="max_textarea_lable">备注:</label><textarea></textarea>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="div_foot"><button class="save_but">保存</button><button class="close_but" onclick="can()">取消</button></div>
  61. </form>
  62. </section>
  63. <script src="js/jquery/jQuery-2.2.0.min.js"></script>
  64. <script>
  65. function can(){
  66. var index =parent.layer.getFrameIndex(window.name);
  67. parent.layer.close(index);
  68. }
  69. </script>
  70. </body>
  71. </html>