微信小程序简单实现form表单获取输入数据功能示例_微信小程序表单,微信小程序获取表单数据 - CSDN文库

5星 · 超过95%的资源 7 浏览量更新于2023-03-16 评论收藏 46KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考，具体如下：

1、效果展示

2、关键代码

index.wxml

<form bindsubmit="formBindsubmit" bindreset="formReset">

<view style="display:flex;">

<label>用户名：</label>

<input name="userName" placeholder="请输入用户名！" />

</view>

<view style="display:flex;">

<label>密码：</label>

<input name="psw" placeholder="请输入密码！" password="true" />

</view>

<view style="display:flex;margin-top:30px;">

<button style="width:30%;" formType="submit" >登录</button>

<button style="width:30%" formType="reset" >重置</button>

</view>

</form>

<view>{{tip}}</view>

<view>{{userName}}</view>

<view>{{psw}}</view>

index.js

Page({

data:{

// text:"这是一个页面"

tip:'',

userName:'',

psw:''

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论5

小小二-yan

2023-07-25

: 文件中提供的示例很实用，让我节省了不少时间和精力，非常感谢作者的分享。

weixin_38520258

粉丝: 4
资源: 905

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈