自助建站、网页设计教程

通过学习路线图,零基础学习专业网页设计、小程序UI设计技巧,成就网页设计高手。

表单组件

     表单一般用于收集用户信息、反馈信息等。coolsite表单是一个独立的功能模块,可以通过工作台进行编辑与设定,完成后通过专业建站编辑器绑定到网页的静态表单中。下面为大家介绍在coolsite360专业建站中是如何操作使用的。

新建表单

在工作台左侧导航面板找到表单选项,点击进入后点击「新建表单」,如下图所示:

 coolsite表单定义了可收集文本、段落 、复选框 、单选框 、下拉框几种类型,点击「添加元素」后,选中想收集的类型会在右边新增一项,初始自定义了姓名,性别、住址,也可以对其进行增加删除操作。

l

选中添加的元素可对其编辑命名,这里以收集文本类型为例,命名完之后要记得保存表单哦~

保存之后,需要给自己的表单命名,假设名称设为“留言板”,这样一个表单就新建成功啦。

制作表单

专业建站编辑有两种制作表单的方式:

方法1:可以通过预置模块插入。在编辑器的相应节模块的配置栏点击增加模块,选择功能模块里面的「联系表单」插入,这时内容模块多了联系表单,如下图所示:。注:插入之后可在右侧面板调节表单的样式。

 

方法2:使用专业编辑器的表单控件。在编辑器的左侧工具栏找到「表单控件」,点击插入,默认生成初始样式。 

根据需求自定义自己的表单样式及DOM结构,下面是简单调整后的表单。

 

绑定表单

专业建站里,需要注意的是新建建的表单现在是静态的,需要把它转换成动态表单才能绑定数据。

1.选中表单控件,点击右上角「转换为动态表单」的按钮,看到「绑定表单数据源」相关的选项就可以操作里。

2.点击绑定表单数据源项的“+”项,选择提前在工作台准备好的表单「留言板」,点击「插入/替换」

3.右侧每一项分别选择与工作台建立的表单项一一对应即可完成绑定。操作如下图所示:

 

 

查看数据

保存预览后,输入表单内容。

 

这时,工作台的表单已经收集到刚才输入的内容即可。

 

提交成功,谢谢反馈!

请完整填写表单的信息后,再进行提交!