| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <view class="page">
- <view class="page-description">表单</view>
- <form onSubmit="onSubmit" onReset="onReset">
- <view class="page-section">
- <view class="page-section-title">Slider</view>
- <view class="page-section-demo">
- <slider value="80" name="slider" show-value />
- </view>
- </view>
- <view class="page-section">
- <view class="form-row">
- <view class="form-row-label">Switch</view>
- <view class="form-row-content" style="text-align: right">
- <switch name="switch" />
- </view>
- </view>
- <view class="form-line" />
- <view class="form-row">
- <view class="form-row-label">Input</view>
- <view class="form-row-content">
- <input name="input" class="input" placeholder="input something" />
- </view>
- </view>
- </view>
- <view class="page-section">
- <view class="page-section-title">Radio</view>
- <view class="page-section-demo">
- <radio-group name="radio-group">
- <label><radio value="radio1" />radio1</label>
- <label><radio value="radio2" />radio2</label>
- </radio-group>
- </view>
- </view>
- <view class="page-section">
- <view class="page-section-title">Checkbox</view>
- <view class="page-section-demo">
- <checkbox-group name="checkbox">
- <label><checkbox value="checkbox1" />checkbox1</label>
- <label><checkbox value="checkbox2" />checkbox2</label>
- </checkbox-group>
- </view>
- <view class="page-section-btns">
- <view><button type="ghost" size="mini" formType="reset">Reset</button></view>
- <view><button type="primary" size="mini" formType="submit">Submit</button></view>
- </view>
- </view>
- </form>
- </view>
|
