【问题标题】:HTML form data to Google sheetsHTML 表单数据到 Google 表格
【发布时间】:2016-09-24 18:44:59
【问题描述】:

我有一个html formgoogle form 和一个google sheet

当我点击提交时,我需要来自 html form' to be submitted into thegoogle 表格的数据。

我从google form 中取出表单标签并将其粘贴到html form 如下:

 <form action="https://docs.google.com/forms/d/e/1FAIpQLSdrPC9AHgQPtBWPJ4nOVVF1Nqxf3IgpSGVjqs7NpkDRPjgQQQ/formResponse" target="_self" method="POST" id="gbgform">

但是当我点击提交时,google sheet中唯一保存的是时间戳,没有数据。

我感谢任何能够实现这一点的解决方案。

谢谢!!

【问题讨论】:

    标签: html google-sheets google-forms


    【解决方案1】:

    我知道我在这方面有点晚了,但目前,这是最好的方法。假设您希望在您的 html 表单中有四个问题以链接到电子表格。用这些问题和点击视图(不要在编辑器中这样做)制作一个谷歌表单并查看源代码。做Ctrl + f并找到

    A:表单动作(一定要用post)

    B:非常重要。再次输入CTRL F 并查找问题的名称。查找名称entry. 和一些随机数。每个问题都应该有一个。然后使用您复制的链接和每个问题的名称以及您复制的问题的名称使用表单操作制作您的表单(记住条目。?)。

    *注意:如果您不想重定向到谷歌表单(您的回复已提交),请添加此 iframe:

    iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='aftersignup.html';}"&gt;&lt;/iframe&gt;*

    然后像这样设置表单的目标

    &lt;form action="YOUR ACTION" method="post" target="hidden_iframe" onsubmit="submitted=true;"&gt;

    完整代码:

    <form action="YOUR_ACTION_HERE" method="post" target="hidden_iframe" onsubmit="submitted=true;">
        <h1> Register Your School </h1>
    
        <fieldset>
    
    
    
          <label for="name">School Name:</label>
          <input type="text" id="name" name="entry.1493342091">
    
          <label for="email">School Email:</label>
          <input type="email" id="mail" name="entry.958733922">
    
          <label for="password">School Size:</label>
          <input type="number" id="password"       name="entry.427827738">
    
    
        </fieldset>
        <fieldset>  
    
          <button type="submit">Register</button>
    
       </form>
    

    如果您注意到表单重定向到 aftersignup.html。你可以把它作为任何链接。制作表格后,返回表格并单击“创建电子表格”。

    希望对您有所帮助!

    【讨论】:

      【解决方案2】:

      我通过关注video here 做到了这一点。您可以使用预制表单中的输入 ID 来完成此操作。

      【讨论】:

      • 不好的做法。我使用了 3 到 4 次,但过了一天后数据没有发布到谷歌表格。
      猜你喜欢
      • 2016-04-08
      • 1970-01-01
      • 1970-01-01
      • 2023-04-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多