用 htmx 构建渐进增强的表单
来源：rafa.ee — 2026-07-31
📋 概述
Rafael Epplée 展示了如何用渐进增强理念构建交互式表单：无 JS 时基本可用，启用 JS 后通过 htmx 添加便利功能。核心挑战在于管理"瞬态状态"——用户在表单中输入但尚未持久化的数据，需要通过表单值、查询参数或路径来在服务端往返中保持。
🔑 核心要点
- 渐进增强：表单在无 JS 时仍可工作，启用 JS 后通过 htmx 增加交互性。
- 核心挑战是管理瞬态状态——用户输入了但尚未保存到数据库的数据。
- 三种保持瞬态状态的方式：表单值（服务端返回时带回）、查询参数（可书签）、路径参数（可分享）。
- 与 SPA 不同，无需引入庞大的状态管理库，用原生 HTML 特性即可处理复杂交互。
💡 金句
不用 JS 时能用，启用 JS 后更好用——这才是 Web 应有的样子。
👍 0
👎 0
← 返回 Lobsters 首页