如何使用 google 表单从文本区域提交多页用户输入数据?

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

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

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

我怎样才能在我的网站的每个页面上都有 google 个表单,并在末尾有一个提交按钮?

我确定有一些方法可以使用 php,但我对 php 一点都不熟悉,我想坚持使用 google 文档。

<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>

我只想在最后一页提交我的所有数据,这样当用户提交时,他们只会收到一封电子邮件,其中包含他们在 google 表单中的所有答案。如果有任何更简单的方法可以让我知道!

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

  • 会话存储
  • Cookies
  • HTML5 本地存储
  • HTML5 会话存储
  • 在URL
  • 中传递参数

使用哪个取决于很多因素,包括信息安全、是否需要跨会话持久化数据等。不幸的是,这个问题本身可能过于宽泛,可能会被关闭,但我至少想给你一个比简短评论更好的解释。