form

解释：
表单

将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/>提交。

当点击<form/>表单中 form-type 为 submit 的<button/>组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。

属性名类型说明最低版本
bindsubmitEventHandle携带 form 中的数据触发 submit 事件，event.detail = {value : {'name': 'value'}}-
bindresetEventHandle表单重置时会触发 reset 事件-
report-submitBoolean是否用于发送模板消息。1.12

示例：在开发者工具中预览效果

  1. <form bindsubmit="formSubmitHandle" bindreset="formReset" report-submit>
        <view class="btn-area">
        <view class="section-title">input输入框</view>
        <input name="input" placeholder="please input here~~~" />
        </view>
        <view class="btn">
            <button class="form-button" form-type="submit">提交</button>
            <button class="form-button" form-type="reset">重置</button>
        </view>
    </form>

  1. Page({
        formSubmitHandle: function(e) {
          console.log('form表单submit：', e.detail.value);
          console.log('form表单submit：', e.detail.formId);
        },
        formReset: function() {
            console.log('form表单reset')
        }
    });