输入框

更新时间:2023-10-11 02:35:53

简介

文本输入框,表单单行文本的输入交互组件。

image

属性配置

输入框组件属性由以下部分组成:

分类

基础属性

示例

说明

分类

基础属性

示例

说明

基础属性

提示文字

image

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

最大长度

image..png

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

输入框类型

image

输入框类型包括文本、数字和浮点数。

只读

image

开启只读,限制输入框只读,不可编辑。

密码隐藏

image

开启密码隐藏,当输入框作为密码编辑区域时,可以设置为密码隐藏状态。

搜索框

image

开启搜索框,可以在输入框组件内展示搜索图标。

数字提示

image

开启数字提示,可以在输入框后动态展示编辑的字符长度。

输入框尺寸

image

详情请参见:输入框尺寸

间距

image

输入框组件间距属于页面组件通用属性。

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

数据

绑定实体字段

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

image.png

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

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

事件

内容变化

image

输入框组件配置了内容变化事件,在输入框内容变化时被触发。

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

表单校验

开启表单校验

image

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

可见性

条件可见性

image.png

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

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

输入框尺寸

输入框尺寸属性将预定义的尺寸应用于输入框组件。可选项如下:

  • 小(输入框高度28px)

  • 中(输入框高度32px)

  • 大(输入框高度40px)

  • 自定义

当输入框尺寸设置为“自定义”时,可以自定义设置输入框宽高和输入框内部文字大小。

image
  • 本页导读
  • 简介
  • 属性配置
  • 输入框尺寸
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等