# @formio/uswds 中文文档

规范地址：https://npmcn.com/package/%40formio/uswds/

版本：2\.9\.6
npm 元数据更新时间：2026-11-13T16:50:31.462Z
中文译文更新时间：2026-11-15T10:31:46.477Z
软件包许可：OSLv3

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40formio/uswds
原文对照：https://npmcn.com/package/%40formio/uswds/?lang=original
项目主页：https://github.com/formio/uswds#readme
源码仓库：https://github.com/formio/uswds

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：505 kB，215 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：0 个
- peer 依赖：@formio/js ^5\.7\.1
- 首次发布：2020-04-04T03:42:32.688Z
- 最新版本发布：2026-11-13T16:50:31.199Z
- 近 30 天下载量：2493（2026-10-16 至 2026-11-14，npm 官方下载统计）
- 已发布版本数：128（近 12 个月 24 个）

## 中文简介

美国网络设计系统模板 form.io

## 安装

```sh
npm install @formio/uswds
```

也可以使用：`pnpm add @formio/uswds`、`yarn add @formio/uswds`、`bun add @formio/uswds`

## README

# Form.io 美国网络设计系统模板

此寄存器将改变形式在 formio.js中的渲染,以便使用html和兼容的类 [美国网络设计系统](https://designsystem.digital.gov/) 框架.

## 正式文件

最新文件、发布资料和指南一律参考本文中提供的官方表格:

**[https://help.form.io (英语)](https://help.form.io/dev/accessibility#templates-with-accessibility-control-module)**

## 使用量

```javascript
import uswds from '@formio/uswds';
import { Formio } from '@formio/js';
Formio.use(uswds);
```

或者如果您想直接嵌入您的网站,您可以使用以下内容.

```html
<html>
  <head>
    <meta charset="UTF-8" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/css/uswds.min.css"
    />
    <link rel="stylesheet" href="https://cdn.form.io/js/formio.form.min.css" />
    <link rel="stylesheet" href="https://cdn.form.io/uswds/uswds.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/js/uswds.min.js"></script>
    <script src="https://cdn.form.io/js/formio.form.min.js"></script>
    <script src="https://cdn.form.io/uswds/uswds.min.js"></script>
  </head>
  <body>
    <div id="formio"></div>
    <script type="text/javascript">
      Formio.use(uswds);
      Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/example');
    </script>
  </body>
</html>
```

你可以试试这个 通过去以下JSFiddle - [https://jsfiddle.net/travistidwell/yrwp9m24/1 互联网档案馆的存檔,存档日期2014-12-22](https://jsfiddle.net/travistidwell/yrwp9m24/1)

## 窗体构建器

除了作为表单渲染器之外,您还可以使用此库将表单.io格式构建器嵌入您自己的应用程序中,使用以下方法.

```html
<html>
  <head>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/css/uswds.min.css"
    />
    <link rel="stylesheet" href="https://cdn.form.io/js/formio.full.min.css" />
    <link rel="stylesheet" href="https://cdn.form.io/uswds/uswds.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.1.0/js/uswds.min.js"></script>
    <script src="https://cdn.form.io/js/formio.full.min.js"></script>
    <script src="https://cdn.form.io/uswds/uswds.min.js"></script>
  </head>
  <body>
    <div id="builder"></div>
    <script type="text/javascript">
      Formio.use(uswds);
      Formio.builder(document.getElementById('builder'));
    </script>
  </body>
</html>
```

## 示例应用程序

关于这个平台如何运作的例子,请参见以下应用程序.

[https://formio.github.io/uswds. 中国植物物种信息数据库](https://formio.github.io/uswds)

## 常见问题

### @formio/uswds 是什么？

美国网络设计系统模板 form\.io

### 如何安装 @formio/uswds？

在项目目录运行 npm install @formio/uswds，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@formio/js（^5\.7\.1）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @formio/uswds 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/formio\_\_uswds 是否存在。

### @formio/uswds 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @formio/uswds 可以商用吗？

@formio/uswds 使用 OSLv3 许可。声明的许可为 OSLv3，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。

### @formio/uswds 的下载量有多少？

根据 npm 官方下载统计，@formio/uswds 在 2026/10/16 – 2026/11/14 这 30 天内被下载 2,493 次，日均约 83 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @formio/uswds 还在维护吗？

最新版本 2\.9\.6 发布于 2026/11/14（2 天前）；至今共发布 128 个版本，其中过去 12 个月发布了 24 个；首次发布于 2020/04/04。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。

