何时适合
选项少时全部显示更好(Li, 2017),可用分段控件;数百项时按希克定律(Hick, 1952)会变慢,宜用搜索。
移动端
原生select便于手指操作,长列表可用底部动作条(Google, n.d.),常用项置顶(Sears & Shneiderman, 1994)。
无障碍
自制需遵循W3C(n.d.),选择不应直接跳转(WCAG 2.2 3.2.2;W3C, 2023)。形状也影响速度(Callahan et al., 1988)。
常见问题
- 与选择框相同吗?
- 通常同义。
- 几个选项适合?
- 少则全显,多则搜索。
来源核查日期:2026-10-27
参考文献
- Li, A. (2017, June 11). Dropdowns: Design guidelines. Nielsen Norman Group. 下拉菜单的使用时机。
- Google. (n.d.). Menus. Material Design 3. 外露式下拉菜单。
- World Wide Web Consortium. (n.d.). Menu button pattern. ARIA Authoring Practices Guide. ARIA角色与按键。
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 选项越多决策越慢。
- Sears, A., & Shneiderman, B. (1994). Split menus: Effectively using selection frequency to organize menus. ACM Transactions on Computer-Human Interaction, 1(1), 27–51. 长列表的分割菜单。
- Callahan, J., Hopkins, D., Weiser, M., & Shneiderman, B. (1988). An empirical comparison of pie vs. linear menus. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 95–100). ACM. 菜单形状影响速度。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 3.2.2输入时标准。
