360好运6合计划屋(jdoow.com)精品网站好运6合计划,织梦模版,游戏好运6合计划分享平台
当前位置:网站首页 网络资源 正文

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定

时间:2019-12-02 14:18:17 [网络资源]作者:epub360

我们经常需要收集数据,今天我们来介绍一种自己实现问卷调查数据表的制作方法,本节教程是单选框的交互制作,希望大家看完都可以学会。我们使用的H5工具是Epub360(没有账号?一分钟免费注册),下面就进入教学环节吧~

一、组件介绍:

单选项:可实现用户在一组选项中只能选中一项功能效果,配合高级表单可收集用户选择的单个选项,是高级表单的功能之一。

二、组件效果

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第1张

三、场景应用

相对于平常的表单,高级表单的最大特点在于灵活性、交互性。通常用于调查问卷,收集和统计某一组多个选项单一的选择,比如说,性别、年龄区间,一般适用于只有一个答案的情况,百度搜索epub360,学习更多教程。

四、组件用法

1.第一步先新建高级表单内容,在工作台左侧面板找到表单新建一个表单;

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第2张

2.我们选择一个高级表单类型为:单选项,点击添加;

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第3张

3.添加好后。我们可以命名这个组选项名称,左侧命名每个选项,初始预设两个,选项大于两个可以点下面添加选项内容,做好别忘了点保存;

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第4张

4.保存后我们可以关掉这个页面,选中这个表单,在右侧给这个表单命名,好习惯要养成;

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第5张

5.打开编辑器,在上方高级交互,高级表单分类中找到“单选项”,点击添加到画布上;

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第6张

6.选中单选项组件,右侧可以给这个选项名称命名,我们可以通过再添加或者复制出来几个,依次修改名称和标签(名称是为了区分);

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第7张

7.再编辑器右侧面板最右侧图标下点击添加应用,找到我们刚刚在工作台那里新建的表单;

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第8张

8.依次绑定工作台新建的表单内容,我们还需要添加提交按钮(也在高级表单下面);

HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定 第9张

9.这样就做好了,可以预览一下试试看~

注意事项:

1.如果发现后添加的选项没有出现在右侧面板绑定表单内容选择里,可以点右上角的刷新看下;

意派科技创意出品,转载请注明来源:专业的H5页面制作工具epub360

Epub360,是一个专业的H5页面制作工具及企业服务平台,提供工具技术支持、工具教学培训、企业H5互动营销解决方案等服务。


本文标签:调查问卷  福利活动  自由织梦  织梦猫  秀站网  跟版网  dede58  莎莎好运6合计划  折翼天使  吾爱好运6合计划 

转载请注明来源:HTML5教程|0代码,快速制作调查问卷?教你用Epub360一招搞定

本文永久链接地址:http://jdoow.com/H5页面制作工具.html

郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法链接失效或侵犯版权,请给我们来信:han2311678@163.com