.

1.高级表单(专业版及以上版本可用)

老赵发表于:2015年02月01日 17:15:04更新于:2019年07月19日 15:31:10

视频教程


专业版及以上版本可用。

一、案例效果

案例效果1

0015cb5a73e626d2cea00c859e58162

《Epub360表单多级关联功能演示》


案例效果2

0015cb5af74a104e6ae4f382c9bfcf6

《回家过年》


普通表单 vs 高级表单效果对比

blob.png


二、场景应用

相对于平常的表单,高级表单的最大特点在于交互性、趣味性。下面两个图对比一下就明白了。

《大学生创业调查表》


三、素材准备

主要是一些点击触发的元素,注意处理好素材大小即可,PNG格式图片的透明区域,尽量裁切掉。

文末附件下载素材,非商用,仅供学习使用。


四、组件用法

基本用法

1.高级表单主要分为两大部分:一是包括要收集所有数据的一个表单;二是需要触发数据录入的多个元素。在添加表单前,需要先到工作台新建表单。

0015c35675c57cefe33ca8879525171


2.添加表单所需要的元素,完成后点击表单右上角的保存。

00158d21d2b876d42010ab5a42f2459


3.给表单命名为“过年回家”

00158d220507458ef9ff63152ef987a


4.切换到编辑器页面引入表单。

0015c3569346ca7c016d8cbcd7eea0a


5.通过工具栏,添加所需要的组件

image.png


6.组件与表单一一绑定,添加【选择开关】按钮,并导入答案A选中和未选中的素材。

00158d224349d1d0482872a758991ee


7.按照上述方法制作答案B、C、D


8.在数据应用栏目下添加的表单“过年回家”00158d22593cd3dca1f2def92e034b5

9.绑定控件,将表单组件与引入表单填写项关联一一对应

00158d226cb972df084e88218ec18c3


答题页2

10.添加开关按钮,并导入答案A选中和未选中的素材


11.按照上述方法制作答案B、C


12.在数据应用栏目下绑定控件,将表单组件与引入表单填写项关联一一对应


答题页3

13.添加开关按钮,并导入答案A选中和未选中的素材


14.按照上述方法制作答案B、C、D


15.在数据应用栏目下绑定控件,将表单组件与引入表单填写项关联一一对应


答题页4

16.添加开关按钮,并导入答案A选中和未选中的素材


17.按照上述方法制作答案B、C、D


18.在数据应用栏目下绑定控件,将表单组件与引入表单填写项关联一一对应


答题页5

19.添加文本框,并输入提示语

00158d2287555c51b0d2067e80875ba


20.添加表单提交按钮

00158d229888e7e793a77f5dbe36531


21.在数据应用栏目下绑定控件,将表单组件与引入表单填写项关联一一对应

00158d22b1f5e1c1165294686ab7eab


22.在数据应用触发器中触发表单提交成功时跳转页面

00158d22bd6ba890d90f4a006d9cfb0


数据收集查看

1.首先来到工作台界面,找到要查看的表单。

image.png

2.点击表单的数据,查看高级表单收集的数据。

image.png


3.其他图标的作用。

image.png



附件:高级表单《回家过年》素材包.zip • 113.12KB • 下载

--------- 不了解设计的程序员不是好客服 ---------------

回复(12)