使用Google工作表预填充html表单输入字段

时间:2019-06-05 21:28:43

标签: html

我正在尝试构建一种无需任何人工即可自动填写的表格。我正在尝试创建一个表单,该表单只需从下拉框中选择其名称即可帮助查找学生的详细信息。用户只需选择名称,其其他详细信息(如年龄,家乡,父亲的姓名)将自动输入到输入字段中。我已经将每个学生的详细信息存储在Google工作表中。该Google工作表的网址是https://docs.google.com/spreadsheets/d/1NYFJrAZwJFoOo2fMXWW0EbOfYMZ9Ku0Ubdz50l2rxaI/edit?usp=drivesdk

现在,我只需要链接我的HTML页面和此Google表格即可自动填充输入字段。下面给出的是我的html代码。

<html>
    <head>
        <title>details of student</title>
    </head>
    <body>
     <form>
<select>
<option>Amit</option>
<option>Yash</option>
<option>Abhay</option>
<option>Ajay</option>

<input type="button" id="autofill" value="autofill">
</input>

</select><br /><br />
  Age<input type="number"></input>
<br /> Home town<input type="text"></input>
<br /> Father<input type="text"></input>
     
     
     
     </form>   
    </body>
</html>

当用户单击输入按钮(id = autofill)时,字段应在下拉框中填充所选名称的详细信息。我尝试在Google上找到任何相关的示例或示例。但没有找到任何这样的东西。希望Stackoverflow的编码人员可以帮助我完成此任务。谁能帮我完成这项任务。

1 个答案:

答案 0 :(得分:0)

有两种处理数据的方式;

一种方法是每次运行代码时手动下载文件。不好。

第二个是使用Google Sheets API。我猜你正在使用php。因此,您可以看一下Google Sheets API文档:

https://developers.google.com/sheets/api/quickstart/php

请仔细阅读文档。它会指导您。

请注意,您可以在此处找到Google API PHP客户端

https://github.com/googleapis/google-api-php-client