使用建议
输入联想框,data 由用户按 query 准备(远程或本地),支持键盘选择、内嵌标签与关键词高亮。
Accessibility
ARIA role:combobox
- combobox + aria-autocomplete="list" + listbox
- aria-activedescendant 指向高亮候选
- 键盘:↑↓ 移动、Enter 选中、Esc 关闭
设计变量
变量 | 默认值 | 用法 |
|---|---|---|
| --cd-transition-delay-autocomplete-option-bg | var(--cd-motion-delay-none) | 自动完成菜单选项背景色-延迟时间(Semi $transition_delay-autoComplete_option-bg) |
| --cd-transition-duration-autocomplete-option-bg | var(--cd-motion-duration-none) | 自动完成菜单选项背景色-动画持续时间(Semi $transition_duration-autoComplete_option-bg) |
| --cd-transition-function-autocomplete-option-bg | var(--cd-motion-ease-in) | 自动完成菜单选项背景色-过渡曲线(Semi $transition_function-autoComplete_option-bg) |
显示第 1 条-第 3 条,共 3 条
- 1