H5页面投票制作

H5页面简易教程

用表单做投票

Learn something Everyday

H5页面简单易学，适合有PPT制作基础的宝宝制作有动画、互动效果的页面。

嗯，就是酱紫。

事情的起因是酱的，之前和小伙伴们办了个单位内部的比赛，现在进行到了线上投票环节，由于组委会的宝宝们没有任何人有制作线上投票的经验，所以这项任务被多才多艺冰雪聪明举一反三热情认真（其实这些美好的特质我总结了一下就是：闲得慌）的我顶了下来。之前做过其他图文消息倒也算有一定基础，但之前没有做过网络投票，所以首先当然是要简单尝试几家做H5的平台。

人人秀挺耳熟的吧，总看到各种推广页面最后标着这个名字。刚一注册就接到一个被标记了“骚扰电话”的调查电话。嗯，然后我把它挂了。

而后又出现了新的bug——

1.作品简介部分能输入的字数有限；

2.作品只能传一张图，多图的作品只能提交拼图压根儿看不清呀啊喂；

3.能输入的项目有限（比如只能输入姓名、电话、个人简介，不许多不许少）；

4.提交的作品不能修改，只能重新填一遍完整信息再提交，这个真心太不方便了；

5.……。

嗯，当然，最终是因为老板说要我在备选的作品中加些信息，但在人人秀上加数据信息无异于从头重新做一遍，绝望地放弃了人人秀这条路……

MAKA是我前段时间在应用商城里偶然看到的H5制作app，也有网页版，也可以制作投票。发现的第一个缺点依然是——免费的模板好少呀！虽然我每次都是自己设计，不过不主动给提供大量免费模板依然感觉不开熏。大概就像即使你不爱吃水果，你依然对一个同等条件下免费提供水果的餐厅印象更好，至少态度好嘛。

进到模板商城，赶紧挑一个免费模板试试。这时候发现了另一个大bug——不能添加详细信息，也不能点击放大图片……这么小一个框我真的没办法放一首诗进去。

但是MAKA很有意思的一点是，动画效果示意图做的相当直观，直接通过示意图就可以基本确定这是不是你想要的效果。当然，主要矛盾不能解决，这些锦上添花的功能对朕来说也没有什么用。

嗯嗯然后在百度爸爸的指引下又看到了另一个制作H5的平台——“最酷”，结果在我提交的时候告诉我“您的云平台尚未通过审核”？？Excuse Me？？嗯，我赶时间，再见。

其实我还试了问卷星，但是做出来实在是有点不美丽，就不赘述了，直接进入最后一个平台。咳咳你可能要问：作为一个合格的测试员，你不是应该把易企秀之类的知名平台都测试个遍嘛？但是，我要负责任地告诉你——

作为无敌·不走寻常路·汪汪酱，我才不要那么自找麻烦！好吧，我承认其实是因为我懒。所以接下来就直接进入正题，讲讲朕的老朋友秀米吧（哈哈哈当然不是做广告，但是毕竟秀米是我第一个用的消息制作平台，功能也齐全，感情还是很深厚的）。秀米是一个比较基础也比较全面的图文信息制作平台，功能较为全面，无论你想套用模板还是自由创作都还挺好用的。今天第一次了解“表单”这个工具，感觉以后也是大有可为啊哈哈哈。

首先来了解一下表单的含义，引自百度百科：

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

用人话总结一下重点，表单的作用就是用来进行“采集数据”，比如统计所需信息啦（报名、建议）、统计选项啦（投票）……嗯，记住这就成！

投票说白了就是一种选择，因此投票完全可以用选择代替。选择分为单选和多选，与人人秀等微信投票平台不同的是，秀米的选择只能看到选项，没有位置放置图片等详细信息。

当然，在机智的汪汪酱大侠手里这都不是问题——把所有参赛作品都放在前面依次展示一遍，最后再进行统一投票，一来为每个作品提供了更宽阔的展示空间，二来也解决了投票部分只有简单文字描述的局限。在进行作品展示的时候还可以使用具有个性的排版和动画效果，比如下面的组诗作品，可以采用翻页的方式浏览，是不是比简单的文字或者照片有意思多了呢？

作品罗列完毕后，就可以根据作品或者作者顺序设置投票了。秀米的表单在“系统模板”-“表单”中，把表单中的“多选”拉入场景（如果你要求只选一项，使用“单选”表单即可），并设置问题和选项。

问题设置完毕后，有一个关键步骤，就是设置“提交按钮”，漏掉这一步，会导致选项无法提交哦。具体做法很简单，只需要添加一个普通按钮，设置动作为“提交表单”，投票结束后点击此按钮，我们的选择就会被自动提交到系统里了。

总结一下，如果是普通简单的投票（比如一张照片选美什么的）还是推荐用人人秀等平台，因为可供选择的模板和素材更多，投票的时候可以直观地看到候选选项，而且支持线上报名。当然如果你一百年挚爱从零开始制作模板（比如汪汪酱大侠这个手残志坚的同志），并且心有余、力也足，那就不要被平台限制住，随心选啦！吼吼吼！

好啦今天就这啦！晚安哦！