form.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <div style="margin-top:10px;" class="lr-form-container">
  2. <div class="lr-form-row lr-form-row-title">
  3. <label>表单插件演示</label>
  4. </div>
  5. <div class="lr-form-row">
  6. <label>普通输入框</label>
  7. <input type="text">
  8. </div>
  9. <div class="lr-form-row lr-form-row-title">
  10. <label>表单插件演示</label>
  11. </div>
  12. <div class="lr-form-row lr-form-row-multi">
  13. <label>多行输入框</label>
  14. <!--<div class="lrtextarea" contenteditable="true" ></div>-->
  15. <textarea id="textarea"></textarea>
  16. </div>
  17. <div class="lr-form-row">
  18. <label>密码输入框</label>
  19. <input type="password">
  20. </div>
  21. <div class="lr-form-row">
  22. <label>一级选择</label>
  23. <div id="select1"></div>
  24. </div>
  25. <div class="lr-form-row">
  26. <label>二级选择</label>
  27. <div id="select2"></div>
  28. </div>
  29. <div class="lr-form-row">
  30. <label>三级选择</label>
  31. <div id="select3"></div>
  32. </div>
  33. <div class="lr-form-row">
  34. <label>开关</label>
  35. <div id="switch1"></div>
  36. </div>
  37. <div class="lr-form-row">
  38. <label>多选框</label>
  39. <div id="checkbox1"></div>
  40. </div>
  41. <div class="lr-form-row">
  42. <label>日期</label>
  43. <div id="date1"></div>
  44. </div>
  45. <div class="lr-form-row">
  46. <label>选择日期</label>
  47. <div id="date2"></div>
  48. </div>
  49. <div class="lr-form-row">
  50. <label>选择时间</label>
  51. <div id="date3"></div>
  52. </div>
  53. <div class="lr-form-row">
  54. <label>选择月份</label>
  55. <div id="date4"></div>
  56. </div>
  57. </div>