HTML 表单数据到 Google 表格

Question

我有一个html form 、 google form和google sheet 。

当我点击提交时，我需要将来自html form' to be submitted into the的数据html form' to be submitted into the谷歌表中。

我从google form获取表单标签并将其粘贴到html form ，如下所示：

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

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

我很欣赏任何可以实现这一点的解决方案。

谢谢！！

Answer 1

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

A：表单动作（一定要使用post）

B：非常重要。 再次按CTRL F并查找问题的名称。 查找名称entry. 和一些随机数。 每个问题都应该有一个。 然后使用表单操作创建您复制的链接，并使用您复制的问题名称创建每个问题的名称（记住条目。？）。

*注意：如果您不想重定向到 google 表单（您的回复已提交），请添加此 iframe：

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

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

<form action="YOUR ACTION" method="post" target="hidden_iframe" onsubmit="submitted=true;">

完整代码：

<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 。 你可以把它作为任何链接。 创建表单后，返回表单并单击“创建电子表格”。

希望这有帮助！

Answer 2

我是按照这里的视频做到的。 您可以使用预制表单中的输入 ID 来完成此操作。