微信小程序textarea

相关文章：

微信小程序 Button

微信小程序 radio

微信小程序 slider

微信小程序 switch

微信小程序 textarea

微信小程序 picker-view

微信小程序 picker

微信小程序 label

微信小程序 input

微信小程序 form

微信小程序 checkbox

多行输入框。

属性名 类型 默认值 说明 value String 输入框的内容 placeholder String 输入框为空时占位符 placeholder-style String 指定 placeholder 的样式 placeholder-class String textarea-placeholder 指定 placeholder 的样式类 disabled Boolean false 是否禁用 maxlength Number 140 最大输入长度，设置为0的时候不限制最大长度 auto-focus Boolean false 自动聚焦，拉起键盘。页面中只能有一个<textarea/>或<input/>设置 auto-focus 属性 focus Boolean false 获取焦点（开发工具暂不支持） auto-height Boolean false 是否自动增高，设置auto-height时，style.height不生效 bindfocus EventHandle 输入框聚焦时触发，event.detail = {value: value} bindblur EventHandle 输入框失去焦点时触发，event.detail = {value: value} bindlinechange EventHandle 输入框行数变化时调用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}

示例代码：

<!--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.jsPage({ data: { height: 20, focus: false }, bindButtonTap: function() { this.setData({ focus: true }) }, bindTextAreaBlur: function(e) { console.log(e.detail.value) }})

Bug & Tipbug: 微信版本6.3.30，textarea在列表渲染时，新增加的textarea在自动聚焦时的位置计算错误tip: 请勿在scroll-view中使用textarea组件

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！