自定义多步Google表单

时间:2012-10-31 14:19:18

标签: google-drive-api google-form

我已经完成了几个自定义Google表单,您可以将<form>...</form>插入到自己的文件中。他们提交的很好。

我无法弄清楚如何将其应用于多步骤或多页面表单。我能想到的唯一解决方案是将其构建为一个巨大的单一形式,并.show().hide()必要的位使其显示为多步骤。这显然远非理想。

有没有人真正解决这个问题?

以下是我之前提到的<form>...</form>的扩展说明:

<script type="text/javascript">var submitted=false;</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='thanks.html';}"></iframe>
<form action="YOUR-GOOGLE-FORM-ACTION-URL" method="post" target="hidden_iframe" onsubmit="submitted=true;" class="custom eight columns" id="ss-form">
    <label>
    <input>...
    <input type="submit" ....>
</form>

2 个答案:

答案 0 :(得分:2)

为何不使用Google表格? http://support.google.com/drive/bin/answer.py?hl=en&answer=87809

Google表单允许您在其他网页上创建,共享和嵌入表单,并将响应提供给您可以通过Google云端硬盘访问的Google电子表格。

这也允许您创建自定义表单路径,根据表单反馈将用户带到不同的地方:

  

将问题分成多个页面

     

例如,如果您创建了一个长形式,并且想要制作它   您的受访者更容易填写,您可以添加分页符。   从添加项目下拉菜单中,选择分页符。

创建分页符后,您需要制作表单问题/答案,然后采取措施“跳转”到该特定分页符。

此页面将有助于为您的分页符提供目标:http://support.google.com/drive/bin/answer.py?hl=en&answer=141062&topic=1360904&ctx=topic

  

页面导航以及如何嵌入表单

     

如果您已添加分页符   在表单中,您可以根据之前的内容添加不同的问题集   在表单中回答,并允许人们跳过不相关的部分。

     

“基于答案转到页面”选项的多项选择题   根据他们的特定页面启用直接形式的受访者   回答,而页面导航自动路由形式的受访者   根据您的选择到特定页面。例如,你可以   创建一个表单,要求您的受访者选择他们的语言和   然后指导他们用他们的语言写的问题。然后他们   可以使用页面自动路由回同一页面   分页符导航。

答案 1 :(得分:1)

我也一直在寻找解决这个问题。

我在这里找到的最全面的教程:来自狄龙的http://morning.am/tutorials/how-to-style-google-forms-redux/。但每次更改表单时,它都包含大量的手动自定义。更方便的是一个javascript,它确实适合你,我认为有人在网络上的某个地方只销售这样的脚本。

另一个有希望的可能性是谷歌本身通过他们的谷歌应用程序脚本平台:http://www.jellybend.com/2013/01/15/create-custom-forms-with-gui-builder-and-google-apps-script/使用此选项,至少一定要遵守谷歌允许的使用指南。但它已经被弃用了。长号。