微信小程序组件form表单解读和分析介绍

微信小程序组件form表单解读和分析介绍
这篇文章详解微信小程序组件form表单解读和分析介绍

form表单组件说明:

表单，将组件内的用户输入的 提交。

当点击

表单中 formType 为 submit 的 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。

form表单组件用法：

重置:Reset

form表单组件示例代码运行效果如下：

提交: Submit

下面是WXML代码：

<view class="page"> <view class="page__hd"> <text class="page__title">表单控件</text> </view> <form class="page__bd" catchsubmit="formSubmit" catchreset="formReset"> <view class="section"> <view class="section__title">您的姓名：</view> <input name="name" placeholder="姓名：" /> </view> <view class="section section_gap"> <view class="section__title">性别：</view> <radio-group name="gender"> <label><radio value="男"/>男</label> <label><radio value="女"/>女</label> <label><radio value="其他"/>其他</label> </radio-group> </view> <view class="section section_gap"> <view class="section__title">年龄：</view> <slider value="18" name="age" show-value ></slider> </view> <view class="section section_gap"> <view class="section__title">擅长的开发语言：</view> <checkbox-group name="technology"> <label><checkbox value="Java"/>Java</label> <label><checkbox value="JavaScript"/>JavaScript</label>