微信小程序点击弹出输入框

要在微信小程序中弹出输入框，您需要执行以下步骤：

1. 在wxml文件中，您需要添加一个按钮或其他交互元素，当用户点击它时，输入框将弹出。

<button bindtap="showInput">点击输入</button>

2. 在js文件中，您需要创建一个函数来显示输入框。您可以使用微信小程序中的`showModal`函数来显示输入框。

Page({
  data: {
    inputValue: ''
  },
  showInput: function() {
    wx.showModal({
      title: '请输入',
      content: '',
      showCancel: true,
      success: function(res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  }
})

3. 在这个函数中，您可以设置输入框的标题和内容。当用户点击“确定”时，您可以在回调函数中获取输入框中的值，然后将其存储在数据中。

Page({
  data: {
    inputValue: ''
  },
  showInput: function() {
    wx.showModal({
      title: '请输入',
      content: '',
      showCancel: true,
      success: function(res) {
        if (res.confirm) {
          console.log('用户点击确定')
          console.log('输入的值为: ' + res.inputValue)
          this.setData({
            inputValue: res.inputValue
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  }
})

4. 最后，您可以在wxml文件中使用数据绑定来显示输入框中的值。

<button bindtap="showInput">点击输入</button>
<text>您输入的值为: {{inputValue}}</text>

这样，当用户点击按钮时，输入框将弹出，并且输入框中的值将显示在页面上。