下拉菜单Dropdown
点开“更多”之后，按方向键会换选项，还是把询盘直接归档？
下拉菜单由触发器展开一组上下文相关的入口，常用于次要命令。向下展开只是外观：命令菜单、网站导航和表单 Select 选择值具有不同语义，必须按实际任务决定键盘、关闭与执行规则。
先把几个动作收在一个入口下，需要时再展开挑选。打开菜单、移动焦点、执行动作，是三件事。
工具箱打开后，你可以看看每件工具；手指停在哪一件，不代表已经拿它加工了产品。
类比到这里为止：网页菜单还要处理焦点与关闭。一个看起来灰色的选项必须真的不能执行，颜色不是权限或禁用逻辑。
询盘卡的更多菜单提供查看摘要和待核对标记。方向键只移动焦点，确认后才更新本页课堂标记；取消不附带归档、导出或联系客户。
命令菜单的一次完整操作
- 打开
- 按钮表明展开状态，焦点进入菜单项。
- 选择
- 方向键移动，Home/End 到首尾，不产生业务变更。
- 取消与离开
- Escape 回触发按钮，Tab 离开菜单，不把人困住。
- 执行
- 只改变明确说明的课堂对象，再报告结果。
不可执行项不能只涂灰
本例采用应用命令菜单：不可执行项仍可被菜单方向键聚焦并读到原因，但按 Enter 不发生动作。aria-disabled 只是状态声明，点击处理同样要阻止执行。
查看摘要、加标记、取消标记均只影响虚构资料。菜单项没有真实删除或发送功能，选项名称也不会暗示额外业务权限。
继续看项目应用与交付检查
下拉菜单 在项目中负责什么
- 什么时候用
- 当前对象有少量不宜全部平铺的次要操作时。
- 它解决什么
- 保留上下文和有限页面空间，同时提供可发现的补充动作。
- 它不负责什么
- 高频主操作不应全藏在更多里。下拉菜单不等于选择表单值，更不能通过隐藏按钮代替授权检查。
- 放进真实项目
- 在线索卡的“更多”菜单中提供分配、归档、导出和删除操作。
下拉菜单把少量次级操作放在触发器附近，并保持键盘可操作
询盘卡片的导出、复制链接和归档可以收进“更多”；查看详情和回复客户仍应直接可见。
- 01
保留高频主动作在页面上。
- 02
危险动作分组并清楚标识。
- 03
管理焦点、Escape 和点击外部关闭。
展开不执行，聚焦不执行，确认才执行声明的动作。
容易混淆的地方
Select 用于选择值；Dropdown 可组织动作；Popover 是浮层机制。采用 role=menu 时才应实现对应的菜单键盘行为。
课堂命令菜单里，“取消标记”还不可执行。方向键移到它并按 Enter 后应怎样？
你可以这样告诉 AI Agent
我在处理这件事：在线索卡的“更多”菜单中提供分配、归档、导出和删除操作。请以“下拉菜单”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践