微信小程序收集表单项数据的方式

最新推荐文章于 2024-02-07 23:27:12 发布

VIP文章肖肖冲鸭

最新推荐文章于 2024-02-07 23:27:12 发布

阅读量2k

点赞数

分类专栏：微信小程序文章标签：微信小程序前端小程序

本文链接：https://blog.csdn.net/weixin_48952990/article/details/125603082

版权

在vue中表单项可以通过v-model的方式达到数据的双向绑定的效果，但是在微信小程序中没有这种方式，我们只能通过h5的方式来收集表单项的数据

第一种方式（id）

<text class="tit">手机号码</text>
<input bindinput="handleInput" id="phone" type="text" placeholder="请输入手机号码"/>
<text class="tit">密码</text>

最低0.47元/天解锁文章

优惠劵

肖肖冲鸭

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
微信小程序收集表单项数据的方式

微信小程序收集表单项数据的方式
复制链接

扫一扫

专栏目录

微信小程序例子——使用form表单获取输入框数据

11-07

微信小程序例子——使用form表单获取输入框数据

微信小程序自定义省市区资源数据

06-13

微信小程序自定义省市区资源数据

参与评论您还未登录，请先登录后发表或查看评论

微信小程序（三十九）表单信息收集

最新发布

不起眼小菜菜的博客

02-07

1565

注释很详细，直接上代码……

微信小程序动态获取echrts数据以进行动态加载的目的

04-11

微信小程序动态获取echrts数据以进行动态加载的目的，内包含所有的官方示例，但是仅改造了pie，其余的类型的图表的加载方式是一样的，可以自行进行修改，路径实在pages文件夹下面的pie文件夹下面，别找错了呦！

微信小程序简单实现form表单获取输入数据功能示例

11-29

本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考，具体如下： 1、效果展示 2、关键代码 index.wxml <form bindsubmit="formBindsubmit" bindreset="formReset"> 用户名： <input name="userName" placeholder="请输入用户名！" /> 密码： <inp

微信小程序获取json页面数据

01-11

微信小程序获取json页面数据

小程序表单数据获取

m0_67388537的博客

07-14

1147

当点击 form 表单中 form-type 为 submit 的 button 组件时，会将表单组件中的 value 值进行提交，需要在表单组件中加上 name 来作为 key。注意:发送请求的Content-Type(数据类型)必须为application/x-www-form-urlencoded才能发送成功。：数据发送出去后，需要接收的服务端可以解析成功，一般服务端会根据此字段来获取参数是怎么编码的，然后对应去解码，一般认为。但是日常开发者有获取表单数据的需求，这里使用。属性功能简单，一般不使用。

小程序id动态获取文章详情及标题

养猪场老板的博客

03-28

955

<view class="label-items" bindtap='bq' s-if="{{ tags != null }}" s-for="{{ tags }}" data-tid="{{ item.tid }}" data-name="{{ item.tagname }}">{{ item.tagname }}</view> 自定义属性： data-tid 为id...

微信小程序的传值问题(5种)——总结

winne雪

03-25

1万+

一、小程序通过id属性传值当我们在标签上添加id属性进行传值，可以在当前标签添加点击事件来获取id中的值。 1、添加 id 属性进行传值（index.wxml）  <view class="container"> <view class="usermotto">  ...

微信小程序（获取标签节点的信息）

热门推荐

一点一滴

12-22

2万+

小程序是没DOM的想要获取标签信息采用官方提供的api，用法如下： /** * 生命周期函数--监听页面加载 */ onLoad: function(options) { var that = this; const query = wx.createSelectorQuery(); //创建对象 query.select('.search_box').bo...

微信小程序原生实现课程表

09-14

微信小程序原生实现课程表

微信小程序使用表单组件实现用户信息搜集问卷调查案例

JackieDYH的博客

07-09

3263

input 输入框。该组件是原生组件，使用时请注意相关限制属性类型默认值必填说明最低版本 value string 是输入框的初始内容 1.0.0 type string text 否 input 的类型 1.0.0 password boolean false 否是否是密码类型 1.0.0 placeholder string ..

微信小程序之获取表单数据

weixin_44415209的博客

07-29

3096

前言：微信小程序中很多地方运用到了表单，很多时候我们需要把表单中的内容提取出来返回给后台，这里我随便写了一点注意点： 1.所有的input textarea button全部包含在form表单元素里 2.button 必须有formType=“submit” 这个属性 3.form 必须有提交事件即bindsubmit=“back_houtai” 4.通过 name属性取值，name名称...

【微信技术-微信小程序】------- 获取Form表单数据信息

皮皮冰要做大神

02-17

5120

一，微信小程序：获取form表单数据 1.效果图： 2.前端HTML代码: （1）下面是主代码: <view class="form-view"> <view class="form-content"> <form bindsubmit="loginFormData"> <view class="form-content-line"> ...

小程序云开发多表查询

luckyboy101的专栏

07-17

1万+

原文链接：https://juejin.im/post/5baadb086fb9a05ce2740968 关联表学习文中代码并不是实际代码，伪代码不可直接运行。功能：用户喜欢文章表用户表（users） id username 唯一标识，没有登录的可直接使用 _openid 用户名文章表（articles） id tit...

微信小程序六（数据请求表单的创建提交与接收）

qq_28657577的博客

11-07

618

好了开始正题了，本节小小研究了下 微信小程序的表单创建与提交先看看效果 1. 表单页面 <view id="adduser"> <form bindsubmit="formSubmit" bindreset="formReset"> <view class="section"> &

微信小程序云开发-两种云端数据获取方法

qq_52031400的博客

06-22

3833

下面价绍两种云端数据获取方法，都不需要写云函数，都用来前端完成，首先在数据库里准备好数据，然后开始操作，下面代码我用来获取轮播图的。首先在App.js里初始化我们的小程序，env里面写自己的环境ID，环境ID是云开发控制台里面可以查看的。...

微信小程序 蓝牙传送数据的方式

07-13

微信小程序通过蓝牙传输数据可以使用两种方式：低功耗蓝牙（BLE）和经典蓝牙。 1. 低功耗蓝牙（BLE）：适用于小数据量的传输，如传输传感器数据、设备状态等。在微信小程序中，可以通过 wx.openBluetoothAdapter() 打开蓝牙适配器，使用 wx.startBluetoothDevicesDiscovery() 开始搜索设备，通过 wx.createBLEConnection() 连接设备，然后使用 wx.writeBLECharacteristicValue() 发送数据，使用 wx.onBLECharacteristicValueChange() 监听设备的数据变化。 2. 经典蓝牙：适用于大数据量的传输，如音频、视频等。在微信小程序中，可以通过 wx.openBluetoothAdapter() 打开蓝牙适配器，使用 wx.startBluetoothDevicesDiscovery() 开始搜索设备，通过 wx.createBLEConnection() 连接设备，然后使用 wx.writeBLECharacteristicValue() 发送数据，使用 wx.onBLECharacteristicValueChange() 监听设备的数据变化。需要注意的是，使用蓝牙传输数据前，用户需要授权小程序使用蓝牙功能。另外，不同设备可能支持的蓝牙协议和功能有所不同，请根据实际情况选择合适的方式进行数据传输。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交