文档

H5文本域

更新时间:

简介

H5端文本域,表单多行文本的输入交互组件。

image.png

属性配置

文本域组件属性由以下部分组成:

分类

基础属性

示例

说明

基础属性

提示文字

image

编辑文本域提示文字,可以在文本域内容为空的时候背景展示文字提示。

最大长度

image.png

通过设置最大长度,可以限制文本域的输入字符长度。

行数

image.png

设置文本域的展示行数。

只读

image

开启只读,使文本域只读,不可编辑。

禁用

image.png

开启禁用,使文本域禁用,不可编辑,且颜色置灰。

数字提示

image

开启数字提示,可以在文本域后动态展示编辑的字符长度。

样式

尺寸

image.png

控制文本域组件的尺寸。

宽度

image.png

文本域组件的宽度属于页面组件通用属性。

关于此部分属性的更多信息,请参考样式

间距

image.png

文本域组件间距属于页面组件通用属性。

关于此部分属性的更多信息,请参见样式

对齐方式

image.png

对齐方式控制文本域内文字的布局,有左对齐与右对齐两个选项。

背景颜色

image.png

文本域组件可配置背景颜色,默认为白色。

边框

image.png

文本域组件可配置边框显隐,默认为有边框。

边框颜色

image.png

边框配置为有边框时,可配置边框颜色,默认为灰色。

数据

选择实体

放置到绑定数据表的DATA数据容器中

image.png

文本域组件需要配置数据源。通常将其绑定数据实体的一个字段,字段类型需为 INTEGER、DECIMAL、LONG、CHAR、TEXT。

关于此部分属性的更多信息,请参见数据

事件

内容变化

image

文本域组件配置了内容变化事件,在文本域内容变化时被触发。

关于此部分属性的更多信息,请参见事件

获取焦点

image.png

文本域组件配置了获取焦点事件,在文本域获取焦点时被触发。

关于此部分属性的更多信息,请参见事件

失去焦点

image.png

文本域组件配置了失去焦点事件,在文本域失去焦点时被触发。

关于此部分属性的更多信息,请参见事件

表单校验

开启表单校验

image

开启表单校验,可以选择校验类型,包括:必填项、电子邮件和自定义。校验信息可以使用表达式,表达式中可以使用$value关键字,对输入内容进行校验。

可见性

条件可见性

image.png

可见性确定文本域组件是否作为页面的一部分最终显示给用户。

有关此部分属性的更多信息,请参考条件可见

  • 本页导读
文档反馈