🧬 純 HTML

HTML 表單,POST,存下來。
無伺服器。無 JavaScript。

Web 最古老的功能——一個帶 action 屬性的表單——也能把資料存進 FormLM。把 action 指向你的端點,原生提交。

form 元素生來就是個用戶端

它生來就是往伺服器 POST 用的。只是沒人規定伺服器必須是你自己的。

<form action="..." method="POST"> 是 Web 上最古老的契約之一:瀏覽器收集帶名稱的輸入、做 urlencode、然後 POST 到 action 指定的任何 URL。幾十年來這個 URL 必須是你自己的伺服器端指令碼——這正是為什麼「加個表單」過去等於「加個後端」。

表單端點解開了這層耦合。action 指向 FormLM;瀏覽器做的和過去完全一樣;提交被存成結構化記錄,每個 input 名稱對應一一欄。頁面保持靜態檔案——沒有建置、沒有執行環境,而且 JavaScript 徹底關掉也照常運作。

<!-- 全部整合就這麼多 -->
<form action="https://formlm.me/api/v3/share/YOUR_TOKEN/form" method="POST">
  <input name="topic" placeholder=「你想聊聊什麼?」 required>
  <input name="email" type="email">
  <fieldset>
    <label><input type="checkbox" name="interests" value="design"> 設計</label>
    <label><input type="checkbox" name="interests" value="engineering"> 工程</label>
  </fieldset>
  <button type="submit">送出</button>
</form>

<!-- 同名多值會以陣列抵達。 -->
<!-- input 名稱自動成為儲存欄。 -->

零 JS 版本的高光時刻

不是每個頁面都該帶 JavaScript,也不是每個訪客都放行它。

嚴苛環境。隱私擴充套件、企業代理、純文字瀏覽器都會攔指令碼——原生表單照樣提交。列印與封存頁面。存成 HTML 數月後再打開,表單和第一天一樣能用。類郵件與嵌入情境,指令碼注入受限的地方。還有簡單本身:沒有要壓縮、打包、除錯的東西——頁面是誠實、可讀的 HTML。

代價是:提交後瀏覽器會落在端點的 JSON 回應上,而不是留在你的頁面。兩種解法——接受它(回應會確認儲存並包含記錄 id),或按需升級成把使用者留在原頁的 fetch 處理器。靜態網站表單指南有 fetch 版寫法;兩者經同一端點儲存完全相同的記錄。

把資料讀回來

儲存不是管線的終點。

提交即刻在 FormLM 可見,也能匯出 CSV。開啟 query API 後,同一端點家族還能讀:GET /{token}/query 分頁翻記錄,GET /{token}/summary 回傳彙總統計。每個讀取端點同樣用 ?help 回答一份 Markdown 文件——意味著指令碼、自動化與 AI Agent 發現讀取路徑和發現寫入路徑一樣容易。如果你的資料值得更多——計分、分級、個人化 PDF 報告——同一批記錄就能流入 FormLM 的評估引擎。

常見問題

HTML 表單沒有伺服器也能提交嗎?

能——表單的 action 屬性可以指向任何 URL,包括另一個網域上的代管端點。瀏覽器把欄位值 POST 到那個 URL;端點把它們存下來。你的頁面完全不需要伺服器端程式碼。

JavaScript 被停用時 form action 還能用嗎?

能。原生表單提交是比 JavaScript 更古老的瀏覽器功能。FormLM 的端點接收瀏覽器送來的標準 application/x-www-form-urlencoded POST,所以 JS 關著、純文字瀏覽器裡、嚴苛隱私設定下,表單照常運作。

端點接受哪些編碼?

兩種:原生 HTML 表單用 application/x-www-form-urlencoded(/form 路徑),fetch 或 curl 客戶端用 application/json(主端點)。兩者儲存同樣的結構化記錄。

核取方塊和多值欄位怎麼處理?

當一個欄位提交多個值(例如同名的一組核取方塊),端點把它們存成陣列。單值則存為普通字串或數字。

提交後能把使用者重定向到致謝頁嗎?

原生 POST 下,瀏覽器會顯示端點的 JSON 回應。想掌控體驗,可以加一小段 fetch 處理器,用 JavaScript 提交並顯示你自己的訊息——或者保持零 JS,接受那個樸素的回應頁。

相關指南

離可用的表單只差一個屬性

免費端點、原生 HTML POST、可讀回的記錄。

建立你的免費端點 →