现在,我的网站中有多个页面需要用户输入段落。基本上是一个测验,用户填写一个段落,然后点击下一步进入下一页,在那里他们做同样的事情。
我使用谷歌的形式这样做。我已经采取了源代码的代码。当用户提交一个页面时,表单会记录该回答并正常工作。但是,我想要一个提交按钮。当我这样做时,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="[,,"-6067873700707440617"]
">
<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 中传递参数