表单布局

1. 简介

1.1 功能简介

表单布局包括对表单的字段排列、标题样式、输入框宽度等进行自定义设置。通过表单布局，可以将表单字段合理进行分布，提高表单界面美观度，提升数据填报效率。

1.2 应用场景

1.3 预期效果

如员工档案中，通过表单布局，设置字段多列展示，效果如下：

2. 设置方法

2.1 设置入口

进入 表单设计 页面，在「表单属性 >> 表单布局」处即可设置布局：

2.2 列数设置

当表单中字段数量较多时，可以将表单布局设置为多列，以减少填写人员滑动页面的频率。

表单布局支持单列、双列、三列，以及四列这四种排列方式，点击下拉框即可切换：

2.3 更多设置

除了字段布局的基础设置，表单布局的「更多设置」中，还支持对字段标题、描述信息等进行更加细致化的设置。

更多设置中支持设置的具体内容如下：

2.3.1 切换电脑端/移动端

表单布局的更多设置中，支持切换「电脑端」和「移动端」查看预期效果，并对「电脑端」和「移动端」分别设置布局效果。

其中，电脑端和移动端支持设置的内容包括：字段标题位置、字段标题样式、字段描述信息样式、输入框宽度（仅电脑端支持设置）。

2.3.2 字段标题位置

字段标题位置可以设置为「上下」或「左右」两种布局方式，两种布局方式的展示效果如下：

2.3.3 字段标题样式

当字段标题位置设置为「左右」布局时，支持对字段标题的如下样式进行自定义设置：

2.3.4 字段描述信息样式

当字段标题位置设置为「左右」布局时，支持设置字段描述信息样式为「显示」或者「隐藏」。

设置为「显示」时，描述信息将直接在输入框下方显示；设置为「隐藏」时，描述信息将以小提示的方式展示，点击提示符号，弹出对应的描述信息，效果如下图：

2.3.5 输入框宽度

输入框宽度可以设置为「标准」或「自动」：

两种设置的效果如下图所示：