微信小程序 form组件详解及简单实例

微信小程序 form组件详解及简单实例

微信小程序form

相关文章：

微信小程序 Button

微信小程序 radio

微信小程序 slider

微信小程序 switch

微信小程序 textarea

微信小程序 picker-view

微信小程序 picker

微信小程序 label

微信小程序 input 

微信小程序 form

微信小程序 checkbox

实现效果图：

将表单内的用户输入的switch input checkbox slider radio picker 提交

当点击

属性名

类型

说明

report-submhttp://it

Boolean

是否返回formId用于发送模板消息

bindsubmit

EventHandle

携带form中的数据触发submit事件，event.detail = { value : {"name":"value"} , formId:"" }

bindreset

EventHandle

表单重置时会触发reset事件

示例代码：

switch

slider

input

radio

radio1

radio2

checkbox

checkbox1

checkbox2

Submit

Reset

Page({

formSubmit: function(e) {

console.log('form发生了submit事件，携带数据为：', e.detail.value)

},

formReset: function() {

console.log('form发生了reset事件')

}

})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。