该名称可以是您想要的任何表单名称,并且将是表单部署后您在 Netlify 仪表板中看到的名称。
方法必须是"POST"允许其发布到 Netlify 的服务器。
该netlify-honeypot属性是可选的,但会尝试捕获机器人并将其过滤掉。
这data-netlify="true"就是秘诀。这就是 Netlify 机器人在抓取您网站的静态输出时要寻找的内容。
隐藏的输入元素是 Netlify 正确检测表单的另一个魔力
该type="hidden"属性确保它不被视觉用户或屏幕阅读器看到。
必须name="form-name"保持原样。请勿将名称更改为实际的表单名称。
值属性是将表单名称与输入相 约旦 Whatsapp 数据 匹配的地方。表单名称属性设置的值应与隐藏输入字段的值相同。
表单中的所有其他输入都是任何有效的 HTML 输入,您可以在常规表单中使用这些输入从用户那里获取数据。
部署至 Netlify
现在表单已设置完毕并准备部署到 Netlify,我们可以完成部署网站的步骤了。如果您还不是 Netlify 用户,请继续免费注册。
Git 设置
如果您没有git init在SvelteKit 设置中设置,现在是时候将您的网站放在您最喜欢的 git 提供商上了。
使用 CLI 或直接访问 github.com 创建存储库。通过复制 URL 将新存储库链接到您的本地站点。
指向存储库 URL 上的复制按钮的箭头
并在末尾粘贴您的 URL。
使用当前分支将您的代码推送到 GitHub,通常是main。
git push origin main
链接至 Netlify
现在该站点已在 git 提供商上,请转到您的Netlify 仪表板。
单击下拉的“添加新站点”按钮,然后单击“导入现有项目”。
单击“添加新站点”按钮,指向“导入现有项目”。
选择您的 Git 提供商。
从 Git 存储库导入现有项目。连接到 Git 提供程序
使用搜索框查找您的 repo。
从 GitHub 中选择一个存储库 - 搜索 sveltekit-netlify-forms
netlify.toml由于我们之前设置了,因此构建设置应该会自动填充。因此,只需单击“部署站点”按钮,Netlify 的机器人就会开始构建您的站点。
检查表格
网站部署完成后,请转到您的网站网址。填写表格并点击提交按钮。