跳到主要内容

多行文本框

用于多行输入的场景，比如输入段落。

何时使用​

主要用于长文本输入的场景，例如：

  • 聊天多行文本输入框
  • 发送评论
  • 产品说明信息等

一、属性​

1. 数据​

数据设置

1.1 数据绑定​

可以绑定父组件的数据源，详见 数据绑定。

1.2 初始值​

设置多行文本框的默认值，可以手动赋值，也可以设置视图参数。

初始值设置1

初始值设置2

2. 功能​

功能设置

2.1 占位提示​

为用户输入提供提示，例如提示输入内容或输入格式。

占位提示1

占位提示2

2.2 最大长度​

设置用户输入的最大长度，例如限制为20个字符。达到最大字数后，多行文本框不允许再输入字符。

2.3 字数统计​

设置字数限制后，可提示用户已输入字符数，并显示最大字数。

2.4 支持清除​

允许用户一键清空输入内容。

支持清除

3. 外观​

外观包括尺寸和边框设置。

外观设置

3.1 尺寸​

尺寸可选择小号、中号、大号，默认中号。下图展示各尺寸输入框效果。

尺寸示例

3.2 自适应高度​

开启自适应高度后，文本越多，文本框自动扩大。关闭时，超过文本框高度出现滚动条。

自适应高度

滚动条示例

3.3 显示边框​

边框可选择显示与否，默认开启。下图为关闭边框效果。

边框显示

4. 状态​

详见通用状态。

二、样式​

详见通用样式。

三、常见使用场景​

  1. 输入用户名

用户名输入

  1. 个性签名输入框

个性签名输入