微信小程序form如何提交表单

微信小程序form如何提交表单,第1张

表单form的bindsubmit事件提交表单。

需要满足:1输入表单中需要有"name",没有"name"值后台打印为空。仔如顷

2点击的button按钮,念陆橡槐需要设置:form-type="submit"。

index.wxml

index.js

用标签包裹一些表单元素(比如)和提交按钮(),即可完成提交了。 记得给 form 设置提交地址(action 属性)。

小程序是指微信公众平台小程序,小程序可以帮助开发者快速祥首的开发小程序,小程序可以在微信内歼蔽被便捷地获取和传播;是一种不需要下载安装即可使用的应用小程序氏宴州,和原有的三种公众号是并行的体系。

效果展示

通过使用输入框组件、按钮组件,同时配合事件中心的创建事件,实现表单录入数据信息。

创建数据表

注意:在数据中心你可以创建属于自己应用程序的数据表格,数据表格类型分为用户表、商品表、订单表和自定义表。

点击数据中心,创建数据表。

包含字段差如兄:姓名(文本类型)、手机号(文本类型)、预虚袭计来访日期(日期类型)。

创建事件

注意:事件是构建数据与界面元素组件链接的抽象逻辑,数据表与界面元素组件通过事件连接。

点击事件中心。

创建提交信息事件。

触发器配置

注意:在检查器面板中的触发器设置面板创建触发器,可以对组件进行交互逻辑设置,或配合事件来进行动态数据 *** 作。

选中提橡中交按钮。

点击检查面板中的触发器。

创建触发器。

创建提交信息触发器。

选中图标。

点击检查面板中的触发器。

创建触发器。

选中数据选择器。

点击检查面板中的触发器。

创建触发器。

创建触发器。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12490439.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存