WeChat アプレット開発ドキュメント
/ 微信小程序表单组件多行输入框 textarea
微信小程序表单组件多行输入框 textarea
微信小程序textarea
多行输入框。
示例代码：
<!--textarea.wxml-->
<view class="section">
<textarea bindblur="bindTextAreaBlur" auto-height placeholder="自动变高" />
</view>
<view class="section">
<textarea placeholder="placeholder颜色是红色的" placeholder-style="color:red;" />
</view>
<view class="section">
<textarea placeholder="这是一个可以自动聚焦的textarea" auto-focus />
</view>
<view class="section">
<textarea placeholder="这个只有在按钮点击的时候才聚焦" focus="{{focus}}" />
<view class="btn-area">
<button bindtap="bindButtonTap">使得输入框获取焦点</button>
</view>
</view>//textarea.js
Page({
data: {
height: 20,
focus: false
},
bindButtonTap: function() {
this.setData({
focus: true
})
},
bindTextAreaBlur: function(e) {
console.log(e.detail.value)
}
})Bug & Tip
bug: 微信版本6.3.30，textarea在列表渲染时，新增加的textarea在自动聚焦时的位置计算错误tip: 请勿在scroll-view中使用textarea组件