【问题标题】:Custom multi-step Google forms自定义多步骤 Google 表单
【发布时间】:2017-06-16 08:33:59
【问题描述】:

我已经完成了几个自定义 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>

【问题讨论】:

    标签: google-drive-api google-forms


    【解决方案1】:

    为什么不为此使用 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

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

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

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

    【讨论】:

    • 现在是 Google 表单。在 Google 中创建表单时,它被构建为一个多步骤表单。
    【解决方案2】:

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

    我在这里找到的最全面的教程:来自 Dillon 的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/ 使用这个选项,至少可以确保遵守谷歌允许的使用指南。然而它已被弃用。无赖。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多