微信小程序form
表单,将组件内的用户输入的
提交。
当点击
表单中 formType 为 submit 的组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。
属性名 | 类型 | 说明 |
---|---|---|
report-submit | Boolean | 是否返回formId用于发送模板消息 |
bindsubmit | EventHandle | 携带form中的数据触发submit事件,event.detail = { value : {"name":"value"} , formId:"" } |
bindreset | EventHandle | 表单重置时会触发reset事件 |
示例代码:
form bindsubmit="formSubmit" bindreset="formReset">
view class="section section_gap">
view class="section__title">switchview>
switch name="switch"/>
view>
view class="section section_gap">
view class="section__title">sliderview>
slider name="slider" show-value >slider>
view>
view class="section">
view class="section__title">inputview>
input name="input" placeholder="please input here" />
view>
view class="section section_gap">
view class="section__title">radioview>
radio-group name="radio-group">
label>radio value="radio1"/>radio1label>
label>radio value="radio2"/>radio2label>
radio-group>
view>
view class="section section_gap">
view class="section__title">checkboxview>
checkbox-group name="checkbox">
label>checkbox value="checkbox1"/>checkbox1label>
label>checkbox value="checkbox2"/>checkbox2label>
checkbox-group>
view>
view class="btn-area">
button formType="submit">Submitbutton>
button formType="reset">Resetbutton>
view>
form>
Page({
formSubmit: function(e) {
console.log('form发生了submit事件,携带数据为:', e.detail.value)
},
formReset: function() {
console.log('form发生了reset事件')
}
})
第二部分:如何开通一个小商店
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。