我如何提交用户输入数据的多个页面从文本区使用谷歌表单


How do I submit multiple pages of user input data from textareas using google forms?

现在,我的网站中有多个页面需要用户输入段落。基本上是一个测验,用户填写一个段落,然后点击下一步进入下一页,在那里他们做同样的事情。

我使用谷歌的形式这样做。我已经采取了源代码的代码。当用户提交一个页面时,表单会记录该回答并正常工作。但是,我想要一个提交按钮。当我这样做时,google表单在用户离开页面后不会保留输入。

我如何在我的网站的每个页面上都有谷歌表单,并在最后有一个提交按钮?

我确信有一些方法可以使用php,但我不熟悉php,我想坚持使用谷歌文档。

<div class="page">
    <p>whole bucnh of stuff</p>
        <div class="quesone">
            <p>Question</p>
            <form action="MY-GOOGLEDOC-LINK" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
                <div class="ss-form-question errorbox-good" role="listitem">
                <div dir="ltr" class="ss-item  ss-paragraph-text"><div class="ss-form-entry">
                <label class="ss-q-item-label" for="entry_1389428292"><div class="ss-q-title">ques 1
                </div>
                <div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
                <textarea name="entry.1389428292" rows="8" cols="0" class="ss-q-long" id="entry_1389428292" dir="auto" aria-label="ques 1  "></textarea>
                <div class="error-message" id="93637676_errorMessage"></div>
            </div></div></div></div></form>
        </div>
        <div class="questwo">
            <p>Question</p>
            <form action="SAME-GOOGLEDOC-LINK" method="Post" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
                <div class="ss-form-question errorbox-good" role="listitem">
                <div dir="ltr" class="ss-item  ss-paragraph-text"><div class="ss-form-entry">
                <label class="ss-q-item-label" for="entry_800521984"><div class="ss-q-title">ques 2
                </div>
                <div class="ss-q-help ss-secondary-text" dir="ltr"></div></label>
                <textarea name="entry.800521984" rows="8" cols="0" class="ss-q-long" id="entry_800521984" dir="auto" aria-label="ques 2  "></textarea>
                <div class="error-message" id="1771597426_errorMessage"></div>
            </div></div></div></div></form>
        </div>

这是我的代码看起来像我的网站的每个页面。下面是我的提交按钮在最后一页的样子:

<form action="SAME-GOOGLEDOC-LINK" method="POST" id="ss-form" target="_self" onsubmit=""><ol role="list" class="ss-question-list" style="padding-left: 0">
        <input type="hidden" name="draftResponse" value="[,,&quot;-6067873700707440617&quot;]
        ">
        <input type="hidden" name="pageHistory" value="0">
        <input type="hidden" name="token" value="DpdKrU4BAAA.cBu0TrL7ZVMA6-GJ7Dn4Vw.BBwYcdE16jIxlc5c1a9l3w">
        <input type="hidden" name="fbzx" value="-6067873700707440617">
        <div class="ss-send-email-receipt" style="margin-bottom: 4px;" dir="ltr"><label for="emailReceipt" style="display:inline;"><input type="checkbox" name="emailReceipt" value="true" id="emailReceipt" checked>
        Send me a copy of my responses.</label></div>
        <div class="ss-item ss-navigate"><table id="navigation-table"><tbody><tr><td class="ss-form-entry goog-inline-block" id="navigation-buttons" dir="ltr">
        <input type="submit" name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action ">
        <div class="ss-password-warning ss-secondary-text">Never submit passwords through Google Forms.</div></td>
        </tr></tbody></table></div></ol></form>

我只是希望我的所有数据都在最后一页提交,以便当用户提交时,他们只收到一封包含所有答案的电子邮件从谷歌表单。如果有更简单的方法,请告诉我!

您正在谈论的是跨多个页面视图持久化应用程序状态。由于HTTP在设计上是一种无状态协议,因此必须使用其他几种方法之一来持久化状态。这些方法包括:

    会话存储
  • <
  • 饼干/gh>HTML5 localStorage
  • HTML5 sessionStorage
  • 在URL
  • 中传递参数
使用哪一个取决于很多因素,包括信息安全、是否需要跨会话持久化数据等。不幸的是,这个问题本身可能太宽泛了,可能是封闭的,但我至少想给你一个更好的解释,而不是在一个简短的评论中。