form.wxml 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <import src="../../../common/head.wxml" />
  2. <import src="../../../common/foot.wxml" />
  3. <view class="container">
  4. <template is="head" data="{{title: 'form'}}"/>
  5. <view class="page-body">
  6. <form catchsubmit="formSubmit" catchreset="formReset">
  7. <view class="page-section page-section-gap">
  8. <view class="page-section-title">switch</view>
  9. <switch name="switch"/>
  10. </view>
  11. <view class="page-section page-section-gap">
  12. <view class="page-section-title">radio</view>
  13. <radio-group name="radio">
  14. <label><radio value="radio1"/>选项一</label>
  15. <label><radio value="radio2"/>选项二</label>
  16. </radio-group>
  17. </view>
  18. <view class="page-section page-section-gap">
  19. <view class="page-section-title">checkbox</view>
  20. <checkbox-group name="checkbox">
  21. <label><checkbox value="checkbox1"/>选项一</label>
  22. <label><checkbox value="checkbox2"/>选项二</label>
  23. </checkbox-group>
  24. </view>
  25. <view class="page-section page-section-gap">
  26. <view class="page-section-title">slider</view>
  27. <slider value="50" name="slider" show-value ></slider>
  28. </view>
  29. <view class="page-section">
  30. <view class="page-section-title">input</view>
  31. <view class="weui-cells weui-cells_after-title">
  32. <view class="weui-cell weui-cell_input">
  33. <view class="weui-cell__bd">
  34. <input class="weui-input" name="input" placeholder="这是一个输入框" />
  35. </view>
  36. </view>
  37. </view>
  38. </view>
  39. <view class="btn-area">
  40. <button type="primary" formType="submit">Submit</button>
  41. <button formType="reset">Reset</button>
  42. </view>
  43. </form>
  44. </view>
  45. <template is="foot" />
  46. </view>