select · 下拉选择
依据 APG Select-Only Combobox。四条最容易漏的:
① 打开后焦点落在选中项(不是第一项)
② ↑↓ 循环 · Home/End 首末 ·
Enter 选中并关闭
③ Esc 关闭且焦点还给按钮
④ 类型搜索:连续打字跳到匹配项
⚠️ hidden input 承接表单值(自建组件最容易漏的)
1 · 基本(默认选中第二项)
- 港股通
- A 股主板
- 科创板
- 创业板
- 债券(暂不支持)
- Fund 基金
(选中的值会显示在这里,也会写进 hidden input)
2 · 多选
- 消费
- 半导体
- 医药
3 · 禁用 + 靠右对齐
- 选项 X
对比:错写法 vs 本库写法
❌ 常见写法:选项挤在一起
行高只有 28px:手指点下去必然压到隔壁那一行。鼠标用户感觉不到,触屏用户每点错一次就要重来。
✅ 本库:每项 44px 命中区
命中区 44px 是 AAA 的下限(select.css 里写着这条),与 dropdown 同规格 —— 两个控件的选项高度不该不一样。