2015-07-21 90 views
0

现在,我的网站上有多个页面需要用户输入段落。基本上是一个测验,用户填写一个段落,然后点击下一页进入下一页,他们在那里做同样的事情。如何使用Google表单从textareas提交多页用户输入数据?

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

如何在我的网站的每个页面上放置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> 

我只是想,这样当用户提交,他们收到一封包含其所有的答案只有一个电子邮件要在最后一页上提交了我的所有数据谷歌形式。如果有更简单的方法可以让我知道!

回答

0

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

  • 会话存储
  • 饼干
  • HTML5的localStorage
  • HTML5的sessionStorage
  • 在URL参数传递

使用哪可能取决于很多因素,包括信息安全,是否需要在会话中持续保存数据等。不幸的是,这个问题本身可能过于宽泛d可能会被关闭,但我至少想给你一个更好的解释,为什么会在短评中被允许。

相关问题