每个静态站点框架的联系表单代码片段。

HTML

经典的即插即用 HTML 表单。每个其他指南都建立在这个模式上。

Astro

将表单放入 `.astro` 页面。无需任何客户端 JavaScript。

Next.js

Server Component 中的简单 form action，或带 fetch 与成功状态的 Client Component。

SvelteKit

`+page.svelte` 中的原生 HTML 表单，加上使用 `$state` 的 Svelte 5 fetch 处理器。

Nuxt

Nuxt 页面中的简单 form action，或 `<script setup>` 中带成功状态的 `$fetch`。

Hugo

Hugo 模板语法内的原生 HTML 表单。构建时不需要任何后端。

Eleventy

将表单放入 `.njk` 或 `.html` 模板。零后端，零 JS。

Jekyll

Jekyll 的 Liquid 模板内的原生 HTML 表单 - 可在 GitHub Pages 上工作。

Gatsby

任何页面上的简单 form action，或带 fetch + 成功状态的 React 组件。

Vue

原生 HTML 表单，或带 `<script setup>` 和 `fetch` 的 Vue 3 SFC。

Remix

简单 form action，或直接 POST 到 Formhook 的 Remix `useFetcher`。