零位申请表格。表单保持原生状态 <form> 这帖子 FormData 到它的动作,并在禁用JavaScript的情况下工作; createForm 在JavaScript运行时增强它:提交通过 fetch 使用表单自己的方法、操作和编码,挂起状态和结果都是信号,失败作为RFC 9457问题详细信息文档到达 fields Map为每个输入携带消息。
import { html } from "zerolith";
import { createForm } from "@zerolith/forms";
const form = createForm({ onSuccess: () => router.navigate("/notes") });
html`<form method="post" action="/notes" @submit=${form.submit}>
<input name="title" aria-invalid=${form.field("title").invalid}>
<output>${form.field("title").error}</output>
<button ?disabled=${form.pending}>Save</button>
</form>`;
验证作为标准模式编写一次,并在两边运行: validateForm 将模式的问题转换为服务器返回的相同问题文档,并且 problemResponse 将该文档作为WinterTC写入 Response因此,无javascript路径和增强路径共享一个处理程序和一个连接形状。任何后端,可以回答 application/problem+json 适合。
指南在 文档网站.
状态:α。安装与 npm install @zerolith/forms@alpha; API可能会在1.0之前更改。
文档
- 这个 形式指导 用作为测试运行的示例解释它。
- 这个 参考 列出从源生成的每个导出。
- 对zerolith不熟悉?这个 教程 一步一步地构建一个应用程序 操场上 在浏览器中运行代码。
许可证
apache - 2.0。看到 LICENSE.
关于 @zerolith/forms 的常见问题
@zerolith/forms 是什么?
zerolith的表单:原生表单,可以在没有JavaScript的情况下发布FormData,增强了fetch、pending状态和运行时的RFC 9457 problem+json字段错误,客户端和服务器共享标准模式验证
如何安装 @zerolith/forms?
在项目目录运行 npm install @zerolith/forms,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:zerolith(^0.1.0-alpha.8)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。
@zerolith/forms 支持 TypeScript 吗?
支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。
@zerolith/forms 支持 ESM 还是 CommonJS?
以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。
@zerolith/forms 需要什么版本的 Node.js?
package.json 的 engines 字段要求 Node.js >=24.0.0。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。
@zerolith/forms 可以商用吗?
@zerolith/forms 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。
@zerolith/forms 还在维护吗?
最新版本 0.1.0-alpha.8 发布于 2026/11/03(今天);至今共发布 13 个版本,其中过去 12 个月发布了 13 个;首次发布于 2026/10/30。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。