静态网站表格
#html #网络开发人员 #hugo

Image description

如果您使用的是静态网站生成器(SSG),例如Hugo,Jekyll,Eleventy或其他许多人来创建静态网站(只有Plain HTML,CSS,JavaScript),您可能会想知道如何创建联系人如果没有网站后端,则表格并收集所有表格提交。

这是表格后端的使用。

我将在此快速教程中向您展示一个非常好的static website forms支持的名为Fabform。

首先在https://fabform.io

创建一个免费帐户

从那里,单击“创建端点”,然后给它提供您喜欢的任何名称。

为您新创建的端点写下form_id。

在您的网站中,您以通常的方式创建您的HTML联系表。

唯一的区别是,您将表单操作方法指向Fabform上新创建的端点

<form action="https://fabform.io/f/{form_id}" method="post">
  <label for="email">Your Email</label>
  <input name="Email" id="email" type="email">
  <button type="submit">Submit</button>
</form>

瞧!就是这样。您有一个工作完全正常的静态网站联系表,将收集您的所有联系表。