靜態網站上放一個可用的表單，
不需要後端

為什麼靜態網站留不住表單

靜態網站就是一堆按原樣分發的檔案。這正是它快、便宜、隨處可代管的原因——GitHub Pages、Netlify、Cloudflare Pages、Vercel、Neocities、一個 S3 儲存貯體。但沒有任何程序在執行來接收 POST，所以訪客按下送出的那一刻，提交無處可去。傳統繞法各有代價：

mailto: 連結依賴訪客的郵件用戶端，還會把位址洩露給爬蟲。代管原生表單處理（如 Netlify Forms）把你綁死在那個代管上——搬到 GitHub Pages 表單就死了。搭一個真後端意味著伺服器、資料庫、部署與維護，而要收集的往往只是聯絡訊息。

乾淨解決這個問題的品類是表單後端：頁面保持靜態，表單的 action 屬性指向一個代管端點，由它儲存提交。FormLM 的 Data API 是一個表單後端，還會說 JSON、在 ?help 為 AI Agent 自我描述、並讓你經 HTTP 查詢存回的資料。

兩行的改動

<!-- 改動前：一個哪裡也去不了的表單 -->
<form action="#" method="POST"> ... </form>

<!-- 改動後：一個會把提交存下來的表單 -->
<form action="https://formlm.me/api/v3/share/YOUR_TOKEN/form" method="POST">
  <input name="name" required>
  <input name="email" type="email" required>
  <textarea name="message"></textarea>
  <button type="submit">Send</button>
</form>

取得 token：在 FormLM 建立一個表單（一句話描述，AI 幫你生成），打開發佈頁，開啟 Data API，複製端點。提交會出現在你的 FormLM 儀表板裡，並且持續可查詢。

更體面地處理回應

原生表單 POST 會跳轉到端點的 JSON 回應。如果你更想展示自己的致謝狀態，幾行 JavaScript 攔截提交並用 fetch 送出——同一端點、同一儲存、更好的體驗：

const form = document.querySelector('form');
form.addEventListener('submit', async (e) => {
  e.preventDefault();
  await fetch(form.action, { method: "POST", body: new FormData(form) });
  form.reset();
  // 在這裡顯示你自己的「提交成功」提示
});

兩條路徑儲存的記錄完全相同——按頁面選，而不是按專案選。文件網站也許保留無 JS 版；帶設計系統的到達頁也許用 fetch 版。如果你希望訪客收到的是個人化報告而不只是一句感謝，FormLM 的評估引擎就在這裡接手：同一筆提交可以觸發計分與帶品牌的 PDF。

常見問題

相關指南