
# 初识表单编辑器
表单由多个组件组成，是数据填报和收集的工具。在AstroFlow表单编辑器中，通过选择组件、设置组件属性和表单发布设置三步，即可快速搭建所需的表单。
图1AstroFlow表单编辑器   
![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001962752917.png)
表1AstroFlow表单编辑器功能介绍 
| 区域 | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
|:---|:---|
| 1  | 该区域分别提供如下功能： - 单击![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001764311144.png)，可设置表单的名称，长度不能超过32个字符。  - 表单设计：根据自身业务需求，拖拽不同的组件，设计所需的表单。表单设计详细介绍，请参见[表单设计](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0066.html#astroflow_05_0066__section135655553217)。 说明： 设计表单时，表单中组件数量不能超过200个。若表单中包含子表单，则"子表单+子表单中组件+普通组件"之和不能超过200个，且每个子表单中包含的组件数不能少于1个，最多为10个，即1≤"子表单中组件数"≤10。 例如，表单A中，包含普通组件X个（表单A中除子表单之外的组件），1个子表单组件，子表单组件中包含Y个（1≤Y≤10）组件，则X+1+Y之和必须小于等于200。   - 表单设置：设置表单的其他属性，如默认名称、提交设置。表单设置详细介绍，请参见[配置表单设置](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0067.html)。  - 表单发布：设置表单的成员访问权限、访问地址及发布时间等信息。表单发布详细介绍，请参见[配置表单发布设置](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0068.html)。  - 保存并预览：保存并在线预览表单。                                                            |
| 2  | 该区域分别提供如下功能： - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001778038194.png)：终端视图类型，当前仅支持在PC端开发表单。但是表单开发完成后，支持在移动端进行访问和使用。  - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001777880966.png)/![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001778040962.png)：撤销/恢复。  - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001599125576.png)：在表单设计区域，选中某个组件，单击该图标，可快速复制该组件。  - ![](https://support.huaweicloud.com/usermanual-astroflow/zh-cn_image_0000001649244233.png)：保存表单页面。  - 页面属性： - 设置表单的列数，例如设置为2，则表单中添加的组件会分2列进行显示。  - [设置字段显隐规则](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0220.html)，表单字段将在条件成立时显示。     |
| 3  | 表单组件库，各组件详细介绍，请参见[表单常用组件介绍](https://support.huaweicloud.com/usermanual-astroflow/astroflow_05_0072.html)。 说明： 在PC端开发的表单，支持在移动端进行访问和使用。在移动端访问表单时，请注意以下几点： - 移动端组件的排布规则：一行只展示一个组件。  - 移动端子表单组件支持全部展开/收起。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| 4  | 表单设计区。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| 5  | 组件属性设置。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
   
