logo竹子建站
组件使用方法:表单组件
2023-05-26 16:14:36
表单对于用户来说是数据录入和提交的界面,对于网站来说是获取用户信息的途径。表单使用的场景有很多,可以用于数据收集、问卷调研、活动报名、申请登记、在线留言等。下面让小编带你Get两种关于表单的制作方法!
  • 表单提交后的数据信息在网站数据——在线表单中查看,可以导出数据

一、制作调查问卷

创建表单

在相应区域添加表单组件,点击“+”创建表单,给表单命名,随后添加表单基础组件,在这里我们使用单项选择/多项选择
每个表单的基础组件都可以单独设置。选项需要换行编辑;分列排版设置选项的排版样式

逻辑设置

选择某个选项/选择某几个选项就会跳转到对应的问题上去,需要用到逻辑设置。
点击表单编辑栏——设置——逻辑设置——增加逻辑
例1:小编设置的第一题的第二个选项跳第三题。
选项二的其他对应题也是选择相应的条件来进行跳转。
 
例2:我想在所有选择题做完后,后面的单行输入框和提交同时出现,就可以有以下的操作:
设置他们的跳转条件相同就可以满足。
例3:多项选择跳转:“+”可以增加其他条件。
理清楚每道题、每个选项后的对应的内容,再选择对应的跳转条件就可以完整制作出一个问卷调查啦,如果是依次做题就没有这个需求了
效果如下视频:
 

二、留言板

做一个高级点的留言板要怎么操作呢?让留言板弹出来,我们需要用到独立板块+按钮,给他们添加交互事件就可以完成。

第一步:在网站页面——站点管理——独立板块——新建板块,给独立板块命名。添加表单组件,制作一个留言板。

制作出这样的效果需要用到容器组件——添加表单——表单容器组件——表单基础组件

第二步:在单页面对应位置添加按钮组件

 

第三步给按钮组件添加交互事件

添加——事件(点击)——目标(独立板块)——动作(显示)

第四步:在提交留言后怎样让弹窗自动消失呢?可以有以下的操作。

打开独立板块给表单的提交按钮添加交互事件
事件(提交成功)——目标元素(独立板块)——动作(隐藏)
最后的结果如下视频: