UI 组件状态与变体 / Read-only

Read-only

用户可以查看但不能修改当前值的状态。

关键字段

Identity · 身份

子类型
状态或变体
父级类目
Input、Textarea

What · 是什么

定义
用户可以查看但不能修改当前值的状态。
实现表现
与可编辑态区分,同时保持文本对比度。

Why · 为什么

实现目标
使用 readonly 语义而非误用 disabled,允许复制和读屏读取。

How · 怎么做

实现说明
默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。

Evidence · 证据

局限与边界
使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。

Lifecycle · 生命周期

状态
启用