本文章属于《跟我学线框图》系列教程，转载请注明出处。

这个控件有很多名字！下拉菜单给你提供一个项目列表，你可以从中选择。它是功能多样并令人熟悉。

技术上，下拉菜单不同于组合框。组合框是下拉菜单和文本输入的组合(仅限于一组值)。组合框可能更加可用，因为您可以输入您想要选择的全部或部分值，而无需滚动整个值列表。然而，组合框的双重性质并不明显，因此许多用户不知道他们可以在其中输入。

下拉菜单是一个显示大量选项的极好方式，不在屏幕上占用太多的空间。与文本输入字段相比，它们还可以减少错误，因为输入受到可用选项的限制。“用户可能对数据很熟悉，但可能不知道确切需要的语法。

下拉菜单的一些缺点是用户不能同时看到所有的选项，而且需要时间和灵活性来滚动选择。如果列表很长，可以使用组合框或自动填充文本来输入字段。

根据美国网页设计标准，下拉菜单的最佳项目数量在7到15之间。它建议使用单选按钮或复选框来显示较短的列表。

一个例外情景是当列表为人们熟知，这样用户在打开它之前可以预料内容。例如日期中的年月日、州 / 省或国家。Gnome 人机界面指南使用了下面的例子: “如果你有一个标记为‘ Month:'的选项菜单，并且选择了‘ January'，用户可能会合理地推断该菜单包含一年中的12个月，而无需查看。”

如何使用下拉菜单

按顺序排列项目(例如，日期 / 号码按顺序排列，国家按字母顺序排列)

显示有意义的默认选项

（注意: 预先选择一个项目可能是危险的，但是，因为你不能验证用户是否故意选择它。如果有疑问，默认为没有选择)

提供相关的选择。更长的列表需要更多的时间来浏览，所以不要添加你不希望用户选择的选项

避免在一个下拉菜单中根据对另一个下拉菜单的输入选项进行更改。用户通常不理解在一个项目中选择一个选项是如何影响另一个的，

允许用户单击控件上的任何位置来打开它，而不仅仅是单击箭头

在有关联意义的时候使用分组或分类。如：省、市、镇为一组

但是，组标题或分隔符不应该是可选择的

基本用法 Basic Usage

占位符描述内容

分类下拉菜单、定制值、多选菜单

macOS Human Interface Guidelines 人机界面指南

U.S. Web Design System 美国网页设计系统

文字输入 Text Input