Angular 表单库 | ng-hub-ui-forms

无障碍的 Angular 表单字段（input、textarea、滑块、select、日期选择器），在控件、组和表单级别自动显示校验错误，支持响应式表单和 CSS 变量。

交互式示例

探索实时示例，了解该库在常见 Angular 用例中的表现。

文本字段与自动错误提示

We'll never share it.

数字、计数器、颜色、开关、复选框

输入组、文件与浮动标签

$.00
@
No file selected

模式掩码（银行卡、IBAN、电话、日期）

Form value: { "card": "", "expiry": "", "iban": "", "phone": "", "date": "" }

一次性验证码（OTP）输入

Paste the 6-digit code we sent you.

Form value: { "code": "", "pin": "", "coupon": "" }

带计数器和自动调整高度的文本域

0 / 160
Grows as you type.

Slider 与双滑块范围

Dual-thumb range.

单选与多选

Select a country
Pick some tags

分组选项

Select a city

输入即搜索

Type to filter…
Search and add…

自定义选项与标签模板

Pick a teammate

按钮、单选与复选框格式

Datepicker 与范围选择

No future dates.
Date range.

容器与跨字段错误

Password