HTML5教程|0代码，快速制作调查问卷

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

一、组件介绍：

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

二、组件效果

三、场景应用

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

四、组件用法

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

2.我们选择一个高级表单类型为：单选项，点击添加；

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

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

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

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

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

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

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

注意事项：

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

HTML5教程|0代码，快速制作调查问卷相关推荐

Axure教程：用中继器制作调查问卷/考试试卷
今天教大家用中继器制作调查问卷或考试试卷,包括了单选.多选和填空题. 制作完成后,以后使用方便,仅需简单填写中继器的内容,即可自动生成调查问卷或考试问卷,所以强烈推荐给各位使用. 原型预览及下载地址: ...
【Axure视频教程】用中继器制作调查问卷
今天教大家在Axure里如何用中继器制作调查问卷的原型模板,问卷中包括单选题.多选题和填空题.这个模板是用中继器制作的,所以使用也非常方便,只需要在中继器表格里填写问题类型.内容.答案,即可自动生成对 ...
如何制作调查问卷、问卷报告
制作调查问卷 #步骤一:明确调查目的 #步骤二:设置标题+背景简洁,感情中立 #步骤三:设置问题+选项问题:可问不问的坚决不问,和调查目的无关的坚决不问.最后来两道开放性问题. 明确目的确定维度 ...
HTML5教程实例-用Canvas制作径向渐变图形
HTML5教程实例-用Canvas制作径向渐变图形上节课,我们学习了如何使用Canvas绘制线性渐变图形,今天我们来学习一下如何绘制径向渐变图形.通过上节课的学习,我们知道绘制线性渐变图形用到了一个 ...
如何在通用用户权限系统中快速实现调查问卷系统
UPMS通用用户权限系统针对不同应用系统设计,提供用户权限模块的基础框架和通用模型,不仅包含了完整的权限管理工具,还可实现对于多个应用系统的用户权限统一管理,对于B/S应用程序,无需修改源码集合便实现 ...
HTML5教程实例-用Canvas制作线性渐变图形
HTML5教程实例-用Canvas制作线性渐变图形到目前为止,我们使用canvas绘制图形的基本知识已经介绍完毕,从本节开始,我们将介绍其他比较高级的绘制知识之一 - 线性渐变,首先我们来回顾一下& ...
怎么用超级文档免费制作调查问卷
制作一个问卷简单,但是制作一个比较好的调查问卷,就需要稍微花一些精力,问卷调查一般包括前导语.问题.结束语等几部分,再加上一个好的工具.问卷需要做到几点,首先尽量把题目设置得更"接地气&qu ...
android 图标弹跳动画,动效教程 | 5 分钟快速制作弹跳加载小动画
前言今天墨染哥教你如何5分钟快速制作一个弹跳的加载小动画,如下图所示,这个小动画要快速做出来,需要解决解决两个技术难点,第一个是食物图标的弹跳,第二个是文本的弹跳. 食物图标的弹跳话不多说,先看看 ...
PS基础教程[6]如何快速制作一寸照片
一寸照片使我们经常会用到的,很多的证件照都是使用一寸的照片作为存档的.写这个经验也是因为刚刚有网友求助做一寸照片,所以就顺便写个经验.废话不多说了,进入正题,PS基础教程之快速制作一寸的照片. 制作方 ...

HTML5教程|0代码，快速制作调查问卷

HTML5教程|0代码，快速制作调查问卷相关推荐

最新文章

热门文章