跳到主要内容

Textarea 多行输入框

用于多行文本信息输入。


基础多行输入框

根据文字内容自动调整容器高度,当需填写的文字数量较多时可以使用。

无计数

有计数

带计数功能的输入框,需要限制内容字数时使用。

有标签

表单式多行输入框

和一个表单标题组合使用。

常用于和输入框组合使用的表单场景。

有错误提示多行输入框

交互规则

输入限制

  • 固定高度输入框,输入内容超出容器时,文本顶部被截断,文本支持垂直滚动。
  • 自适应输入框中,文本不会向左滚动,而是文本换行、容器随文本垂直增高。
  • 文本输入超过字数限制时,不能再继续输入,并做报错提示。

键盘类型

  • 根据表单输入内容的不同,调用出系统不同的键盘类型。
  • 当为文本时,调用默认全键盘。
  • 当为数字时,调用数字键盘。
  • 当输入为密码时,调用全英文键盘。

校错验证

  • 当输入需要判断和检验的信息时,针对信息做实时校验,避免用户最后提交表单时才发现问题。

设计指南

  • 需要填写的文本内容超过一行时使用多行输入框。