Input 设计文档
单行文本录入框，支持前后缀、前后置标签、清除、密码显隐与 IME。严格对齐 Semi。配套 TextArea（多行）与 InputGroup（组合），对齐 Semi 同页三组件（Input / TextArea / InputGroup 均为顶层导出）。
← API 文档使用建议
单行文本录入框，支持前后缀、前后置标签、清除、密码显隐与 IME。严格对齐 Semi。配套 TextArea（多行）与 InputGroup（组合），对齐 Semi 同页三组件（Input / TextArea / InputGroup 均为顶层导出）。
Accessibility
ARIA role：textbox
- 原生 input
- error 时 aria-invalid
- 密码切换按钮 role=button + tabindex + aria-label（对齐 Semi，无 aria-pressed）
- 清除按钮为无 aria-label / role 的 div（对齐 Semi）
设计变量
变量 | 默认值 | 用法 |
|---|---|---|
| --cd-transition-delay-input-bg | var(--cd-motion-delay-none) | 输入框-背景色-延迟时间 |
| --cd-transition-delay-input-border | var(--cd-motion-delay-none) | 输入框-边框-延迟时间 |
| --cd-transition-delay-input-text | var(--cd-motion-delay-none) | 输入框-文字或图标-延迟时间 |
| --cd-transition-duration-input-bg | var(--cd-motion-duration-none) | 输入框-背景色-动画持续时间 |
| --cd-transition-duration-input-border | var(--cd-motion-duration-none) | 输入框-边框-动画持续时间 |
| --cd-transition-duration-input-text | var(--cd-motion-duration-none) | 输入框-文字或图标-动画持续时间 |
| --cd-transition-function-input-bg | var(--cd-motion-ease-in) | 输入框-背景色-过渡曲线 |
| --cd-transition-function-input-border | var(--cd-motion-ease-in) | 输入框-边框-过渡曲线 |
| --cd-transition-function-input-text | var(--cd-motion-ease-in) | 输入框-文字或图标-过渡曲线 |
显示第 1 条-第 9 条，共 9 条
- 1