多行输入框。

示例代码：

  


  


  


  
  
    使得输入框获取焦点
  
           提交   

//textarea.js
Page({
  data: {
    height: 20,
    focus: false
  },
  bindButtonTap: function() {
    this.setData({
      focus: true
    })
  },
  bindTextAreaBlur: function(e) {
    console.log(e.detail.value)
  },  bindFormSubmit: function(e) {    console.log(e.detail.value.textarea)  }
})

Bug & Tip

1. bug: 微信版本6.3.30，textarea在列表渲染时，新增加的textarea在自动聚焦时的位置计算错误。

2. tip:textarea 的blur事件会晚于页面上的tap事件，如果需要在button的点击事件获取textarea，可以使用form的bindsubmit。

3. tip: 不建议在多行文本上对用户的输入进行修改，所以textarea的bindinput处理函数并不会将返回值反映到textarea上。

4. tip:textarea组件是由客户端创建的原生组件，它的层级是最高的。

5. tip: 请勿在scroll-view中使用textarea组件。

6. tip:css动画对textarea组件无效。