登录/注册

QQ

微博

首页 行业资讯

「微信小程序开发连载十八」小程序表单

文章发表于:金管道小程序

微信小程序开发  小程序表单

2018-07-09 10:02:10

查看: 777

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

 

  当点击

 

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

「小程序开发连载十八」小程序表单

说明:

  ①report-submit是否返回formId用于发送模板消息,例如:购买商品购买成功时会发送通知。

 

  ②bindreset是表单重置事件。

 

  ③bindsubmit是表单的提交事件,表单中输入的数据信息都会通过表单提交事件提交给后台进行处理。

 

  注意:

 

  1. 在表单中,submit按钮在点击时有一个默认行为,提交form表单,但是提交表单的事件是在form身上的。

 

  2. 小程序中处理提交事件时,是在form上的bindsubmit表单提交事件处理的。

 

  1. 组件——input

 

  input输入框,默认为文本框,可以设置属性成为数字框、密码框等,看手册即可。

 

  ①新创建表单页面

「小程序开发连载十八」小程序表单

②在表单界面form.wxml添加表单及输入框

「小程序开发连载十八」小程序表单

编译预览:

「小程序开发连载十八」小程序表单

2. form表单bindsubmit事件

  点击“提交”按钮,表单并不能提交,而且form表单也没有类似action、method的属性。小程序的提交事件都要在bindsubmit中处理。

 

  ①为form表单添加bindsubmit事件(form.wxml)

「小程序开发连载十八」小程序表单

②在交互层定义事件(form.js)

「小程序开发连载十八」小程序表单

编译预览:

「小程序开发连载十八」小程序表单

③获取表单提交的数据编译预览:

「小程序开发连载十八」小程序表单

编译预览:

「小程序开发连载十八」小程序表单

 

  金管道科技东莞微信小程序开发公司(http://www.dgjgd168.com)。

小程序定制

文章发表于:东莞金管道微信小程序   文章地址:http://www.dgjgd168.com/wenz/20180709/16363.html

评论

Copyright © 2017-2018    粤ICP备17111421号-1   金管道科技   版权所有       

扫一扫关注我们

手机访问

点击回到顶部