What 是什么

简介：「下拉选择」即通过使用下拉菜单或弹出式面板，来扩展菜单，使得菜单中可以包含更复杂的选择功能。

例子： Ant Design 官网的下拉菜单：

Why 为什么

「下拉选择」把多项复杂的内容放到了一个小空间里，工具栏、表单、对话框以及各种各样的 Web 页面都在使用它，原因有以下几点：

· 保持页面简洁：因为它只有在用户进行操作的时候后才展示更多内容。

· 简化交互流程：许多产品把它扩展出了不同的下拉方式，除了选择，也包括填空等形式，例如阿里巴巴官网中运用的就不只是简单的列表展示，而是包含了更多复杂的信息需要用户进行选择和填写。

· 降低用户理解成本：只要文字或按钮旁有向下的箭头，用户就能知道在此处单击时会出现选项进而进行选择。

当输入的格式已固定，只需要用户对输入内容进行选择时，可以使用「下拉选择」，选择的内容包括日期、时间、数字或任何不适用于用户从键盘上进行自由输入的内容。此外，「下拉选择」不占用主页面上的太多空间，也可以用于页面视觉的优化。

使用条件：

· 输入格式已固定，仅需用户对输入内容进行选择时；

· 选项较多且不适合全部平铺在页面中；

· 设计师需要优化页面内容，简化交互流程。