Question

<form>
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

我希望onclick＆＃34;提交＆＃34;它应该在Excel工作表中保存名字和姓氏。我不想使用数据库而且我没有任何服务器。我在某处读到了我们可以用CSV做同样的事情。帮助我。

提前致谢。

Answer 1

一种可能的方法是创建一个html表。您可以将表单值设置为不可见表，并使用链接模拟html表的下载。 Excel读取html并显示数据。

示例：

＆＃13;

function exportF() {
  //Format your table with form data
  document.getElementById("input").innerHTML = document.getElementById("text").value;

  var table = document.getElementById("table");
  var html = table.outerHTML;

  var url = 'data:application/vnd.ms-excel,' + escape(html); // Set your html table into url 
  var link = document.getElementById("downloadLink");
  link.setAttribute("href", url);
  link.setAttribute("download", "export.xls"); // Choose the file name
  link.click(); // Download your excel file   
  return false;
}

＆＃13;

<form onsubmit="return exportF()">
  <input id="text" type="text" />
  <input type="submit" />
</form>

<table id="table" style="display: none">
  <tr>
    <td id="input">
    </td>
  </tr>
</table>


<a style="display: none" id="downloadLink"></a>

＆＃13;

Answer 2

有各种库允许生成holder.scaleX = holder.scaleY = 2;个文件，您需要选择其中一个（Google .xlsx），读取提交表单中的值，然后创建电子表格你希望使用你选择的图书馆。

如何将数据从HTML保存到excel，点击＆＃34;提交＆＃34;形式的按钮？

2 个答案: