textarea 多行输入框

解释：多行输入框。客户端创建的原生组件，不支持嵌套在其它组件中使用。

属性说明

confirm-type 有效值

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

代码示例 1：输入区高度自适应

在开发者工具中预览效果

  1. <view class="wrap">    <view class="description">输入区高度自适应</view>    <textarea auto-height maxlength="-1" bindinput="bindInput"/></view>
  1. Page({    data: {        height: 1,        focus: true    },    bindfocus(e) {        console.log('focus - e:', e);    },    bindInput(e) {        console.log('input - e:', e);    },    bindLineChange(e) {        console.log('linechange - e:', e);    },    bindblur(e) {        console.log('blur - e:', e);    },    bindConfirm(e){        console.log('confirm - e:', e);    }});

代码示例 2： 受控聚焦

在开发者工具中预览效果

  1. <view class="wrap">    <view class="description">受控聚焦</view>    <textarea style="height: 3em"                maxlength="-1"                disabled="{{false}}"                auto-focus="{{true}}"                placeholder="我会出现滚动条~"                placeholder-class="plh"                cursor="-1"                confirm-type="send"                confirm-hold="{{false}}"                fixed="{{true}}"                focus="{{focus}}"                cursor-spacing="20"                show-confirm-bar="{{true}}"                selection-start="-1"                selection-end="-1"                adjust-position="{{true}}"                bindfocus="bindFocus"                bindblur="bindBlur"                bindlinechange="bindLineChange"                bindinput="bindInput"                bindconfirm="bindConfirm"                />    <button type="primary" bind:tap="bindFocusTap">聚焦</button></view>
  1. Page({    data: {        height: 1,        focus: true    },    onHide() {        getApp().globalData.openParams = ''    },    bindFocusTap() {        this.setData('focus', true);    },    bindfocus(e) {        console.log('focus - e:', e);    },    bindInput(e) {        console.log('input - e:', e);    },    bindLineChange(e) {        console.log('linechange - e:', e);    },    bindblur(e) {        console.log('blur - e:', e);    },    bindConfirm(e){        console.log('confirm - e:', e);    }});

Bug & Tip

  • -