# 多行输入

与单行输入相比,多行输入可调整大小,可设置水平可调整、竖直和调整、或全部可调整;用户在输入时可以手动调整输入框的大小以适应输入的内容。

# 概念说明

# 主要属性

组件通用属性请参见组件通用说明

  • 值:当前多行输入组件,输入框内的本文内容。

  • 清除按钮:是否可清空。开启并在输入框有内容时会显示清空按钮。

    image-20230306183820252
  • 占位符:输入框为空时的提示文本。

  • 可输入最大字符数:输入框内可输入的最大字符数,超过时不支持输入。

  • 自适应内容高度:可输入如{maxHeight:100,minHeight:50},单位默认为px,不设置则根据输入内容自适应。

  • 只读:正常显示,但禁止选择或输入。

  • 禁用:置灰显示,且禁止任何交互(焦点、点击、选择、输入等)。

    image-20230306183925254

# 组件事件

  • 支持基本的手势事件:获得焦点和失去焦点。
事件名 触发条件
获得焦点 多行组件输入框聚焦时触发
失去焦点 多行组件输入框失焦时触发
  • 支持输入组件常见的组件事件:输入前,改变后,清空后。
事件名 触发条件
输入时 多行组件输入框输入时触发
改变后 多行组件输入框值改变后触发
清空后 多行组件输入框清空后触发

# 组件方法

  • 在页面逻辑下,提供以下方法以后用户调用:focus,blur,clear。
方法名 方法效果
focus 让输入框获取焦点
blur 让输入框失去焦点
clear 清空输入框
上次更新: 2023年06月25日