HTML表格数据到Google表格

时间:2016-09-24 18:44:59

标签: html google-sheets google-form

我有html formgoogle formgoogle sheet

当我点击提交时,我需要html form' to be submitted into the google sheet`中的数据。

我从google form获取了表单标记并将其粘贴到html form 如下:

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

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

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

谢谢!

2 个答案:

答案 0 :(得分:1)

我知道我在这方面有点晚了,但是目前,这是最好的方法。假设您要在html表单中有四个问题来链接到电子表格。用这些问题和点击视图(不要在编辑器中这样做)制作一个Google表单,然后查看源代码。做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> *

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

<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 。您可以将其作为任何链接。填写完表格后,返回表格并单击“创建电子表格”。

希望有帮助!

答案 1 :(得分:0)

我按照video here执行了此操作。您可以使用预制表单中的输入ID来完成此操作。