微信小程序—如何获取input输入文本框的值

最新推荐文章于 2025-03-12 20:28:32 发布

璞~

最新推荐文章于 2025-03-12 20:28:32 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/86530311

微信小程序专栏收录该内容

86 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了微信小程序中获取input输入文本框值的方法，通过.wxml文件和对应的js代码实现与用户输入交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序—如何获取input输入文本框的值

.wxml

<view class="itemView">用户名：
    <input class="input" name="userName" placeholder="请输入用户名"
    bindinput ="userNameInput"/>
  </view>
<view class="itemView">密    码：
    <input class="input" name="password" placeholder="请输入密码"
     bindinput="passWdInput" />
  </view>
<view class="viewName" style="background-color:#fbf9fe">
  <button class="loginBtn" bindtap="loginBtnClick">登录</button>
</view>

在看js代码：

// pages/index/login.js
Page({
  data: {
    userName: '',
    userPwd:""
  },
  //获取用户输入的用户名
  userNameInput:function(e)
  {
    this.setData({
      userName: e.detail.v

了解本专栏