表单相关控件
使用表单功能,您无需编写代码,即可通过拖拽控件的方式快速创建用于信息收集、在线报名、满意度调查等各类表单,并将其嵌入您的网站页面中。本文介绍表单的创建与发布流程,以及表单设计器中各控件的配置说明。
快速上手
您可以通过以下三个步骤,快速创建并发布一个表单。
-
进入表单设计器
-
在控制台左侧导航栏中,单击表单管理。
进入表单管理页面后,单击右上角 + 新增表单 即可创建表单。
-
在表单列表中,找到目标表单,单击其对应的
按钮,即可进入表单设计器。
-
-
设计表单内容
通过添加和配置控件,搭建表单的结构和内容。
-
从左侧的控件面板中,将需要的控件(如输入框、单选等)拖拽到画布区域。
-
在画布中选中某个控件,右侧将显示该控件的配置面板,您可以在此设置控件的标题、提示文字、是否必填等属性。
-
可在设计器顶部对表单页面进行管理,例如新增表单页面、切换模板或复制当前表单页面。
单击已有表单旁的齿轮图标可进入表单设置,配置表单标题、表单语言、SEO 标题、SEO 关键词和描述等参数;顶部搜索框支持按标题检索表单。
-
-
在网站中发布
将设计好的表单嵌入到网站页面中,供用户访问和填写。
-
完成表单设计后,在网站的页面设计器中,从组件库中找到表单组件并将其添加到页面。
-
选中该表单组件,并在其配置项中,选用已创建的表单。
单击左侧工具栏的表单按钮,在弹出的我的表单面板中单击目标表单对应的选择按钮。
说明若修改了表单内容,需在页面设计器中重新添加表单组件以更新内容。
-
控件详解
|
控件 |
说明 |
|
输入框 |
用于收集姓名等简短的单行文本信息。 |
|
文本框 |
用于收集意见、描述等多行文本信息。 |
|
文字 |
添加静态的文字描述。 |
|
线条 |
添加分割线,用于区隔内容。 |
|
下拉框 |
提供一个下拉菜单,用户可从中选择一个选项。 使用前需设置下拉选项的内容。 |
|
容器 |
提供双栏或三栏的排版布局。 |
|
单选 |
提供多个选项,用户只能选择其中一个。 使用前需设置选项内容。 |
|
图片单选 |
带图片的单选控件,每个选项包含图片和文字描述,用户只能选择其中一个。 使用前需为各选项设置图片和文字。 |
|
多选 |
提供多个选项,用户可选择一个或多个。 使用前需设置选项内容。 |
|
图片多选 |
带图片的多选控件,每个选项包含图片和文字描述,用户可选择一个或多个。 使用前需为各选项设置图片和文字。 |
|
数字 |
限制用户只能输入数字,适用于收集手机号码、数量等信息。 |
|
评分 |
提供星级或数字评分,用于收集满意度等评分数据。 |
|
日期 |
提供日期选择器,用于收集特定日期。 |
|
上传 |
允许用户上传文件。 |
|
地址 |
提供省、市、区级联选择,可用于收集详细地址信息。 |
后续操作
-
查看表单数据:表单管理