跳到正文
小小东 UI

组件 · 表单 · 原生 HTML 与 React

字段 Field

标签 + 输入框 + 说明 / 错误:表单的一行。

演示

最多 100 个字

状态

同一个元素的各种状态并排。悬停、聚焦、按下用的是组件 CSS 里真实的规则(构建时复制成强制状态),不是手画的。

默认
悬停
键盘聚焦
禁用
出错
只读

属性与类名

属性 / 类名说明
aria-invalid出错时边框变危险色
data-optional在 label 上:后面加「可选」
data-autosizetextarea 随内容长高
类名xxd-field xxd-label xxd-help xxd-error xxd-input xxd-textarea

键盘与读屏

规则