微信小程序form组件详解及简单实例
微信小程序form
相关文章:
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站建设、网站制作、象山网络推广、微信小程序定制开发、象山网络营销、象山企业策划、象山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供象山建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
微信小程序 Button
微信小程序 radio
微信小程序 slider
微信小程序 switch
微信小程序 textarea
微信小程序 picker-view
微信小程序 picker
微信小程序 label
微信小程序 input
微信小程序 form
微信小程序 checkbox
实现效果图:
将表单内的用户输入的switch
input
checkbox
slider
radio
picker
提交
当点击 表单中 formType 为 submit 的
组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。
属性名 | 类型 | 说明 |
---|---|---|
report-submit | Boolean | 是否返回formId用于发送模板消息 |
bindsubmit | EventHandle | 携带form中的数据触发submit事件,event.detail = { value : {"name":"value"} , formId:"" } |
bindreset | EventHandle | 表单重置时会触发reset事件 |
示例代码:
Page({ formSubmit: function(e) { console.log('form发生了submit事件,携带数据为:', e.detail.value) }, formReset: function() { console.log('form发生了reset事件') } })
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
新闻标题:微信小程序form组件详解及简单实例
网页网址:http://ybzwz.com/article/pjiioe.html