下拉菜单
Dropdown
初级通用下拉菜单（Dropdown）是点开一个入口后，临时显示一组导航选项的界面。它把不必一直露出的去向收在一起，让页面更省空间；比如点开后台顶部的「管理」，再选择「成员」或「账单」。
你可能会说：「网站顶部放不下所有页面入口，我想点开一个分类后再看到里面的页面。」
动手看看后台管理导航下拉菜单
切换「菜单打开」来模拟点击顶部的「管理」，再悬停或用 Tab 聚焦菜单项。菜单临时浮在项目概览之上，不会把下面的内容往下推。
现在「项目概览」的一部分被菜单盖住了；选好去向后就该收起。它提供的是导航入口，不像确认弹窗那样要求先做决定。
要点下拉菜单是怎么帮你整理导航的？
- 1
入口告诉用户里面有什么
下拉菜单有一个常驻的触发入口，点开后才显示选项。比如后台顶部的「管理」下面放「成员」和「账单」。因为菜单平时是收起的，所以入口名称要让人猜得到里面有哪些去向。
- 2
选项指向明确的页面去向
导航型下拉菜单里的每一项通常通向一个页面或区域。你可以把它理解为暂时收起来的一组链接。用户选中一项后，菜单关闭并完成跳转；菜单项的文字最好直接写目的地名称。
- 3
打开方式影响能否顺手使用
做网站时，点击入口能打开菜单，键盘聚焦后也能操作，会比只靠鼠标悬停更稳妥。因为触屏没有稳定的悬停动作，而键盘用户也需要知道菜单何时打开、焦点落在哪里。
容易混淆的地方
它和选择器都可能呈现为「点开后出现一列选项」，但选择器是在表单中选一个值，比如选订单状态；导航型下拉菜单是在选择去哪个页面。它也不是导航菜单的全部：导航菜单可以一直展开，下拉菜单只是把其中一组入口临时收起。
什么时候用
适合用
- 后台顶部有「项目」「团队」「管理」几组去向，每组只有少量页面时，用下拉菜单收纳次级入口。
- AI 工具的工作区名称旁，需要让用户切换到其他工作区的页面，同时保持顶部导航紧凑。
- 网站导航栏宽度有限，但几个相关页面还需要从同一个分类入口快速找到。
不适合用
- 只有一个目标页面时，直接放链接就够了；多点开一次菜单不会帮用户做选择。
- 用户要在表单里选「待处理、已完成」这样的字段值时，用选择器，而不是导航型下拉菜单。
- 同一层的两三个核心页面需要随时可见、频繁切换时，用标签页或直接展示导航链接更合适。
练一练选一个答案，看看解释
你在做一个项目管理后台。顶部有「管理」入口，下面是「成员」「权限」「账单」三个页面；另有一个表单字段需要选择成员角色。哪种安排更合适？
让 AI 帮你做复制给 AI Agent 直接用
请在后台顶部导航的「管理」入口做一个下拉菜单，包含通往「成员」「权限」「账单」页面的链接。点击入口可开关菜单，键盘也能聚焦和操作；选择页面后关闭菜单。成员角色字段仍使用表单选择器，不混进这个导航菜单。