表单布局 - 简道云

表单布局

1. 简介

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

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

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

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

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

注：表单多列布局只在电脑端生效，移动端仅支持单列布局。

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

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

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

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

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

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

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

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

注：

1）当字段标题位置设置为「上下」布局时，字段描述信息默认显示在字段标题下方；

2）「分割线」字段的字段描述信息始终显示不可隐藏。

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

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