界面图鉴
下拉选择Select
你可能会问
下拉选择到底是什么？它和输入框长得像，差在哪？
简单来说
点开一个列表从中挑一项，把「能选什么」提前圈定。
01 · 拆开看看
这一块由什么组成
它把「能选什么」提前圈定：点开一个列表，从里面挑一个。用户不能自由发挥——这既是限制，也是保护。组成：
触发器Trigger
平时显示当前选中项的框。
箭头Caret
小三角，暗示「可以点开」——它是和输入框最直观的区别。
选项列表Options
展开后的候选项。
选中态Selected
列表里高亮的当前项。
02 · 常见变体
同一个零件，几种摆法
点开列表选一项，最常见。
列表顶部带搜索框，选项多时救命。
选中的项变成小标签留在框里。
03 · 火眼金睛
这个设置面板里，哪一个是下拉选择？
三个控件都在收集你的意思，注意谁带着小箭头。
点一块试试，看看它叫什么
输入框Input
不是它。能自由敲字的是输入框。
下拉选择Select
就是它！带小箭头的框，点开一个列表挑一项。
开关Toggle
不是它。开关只有两档，连列表都不需要。
04 · 用与不用
什么时候该上它
适合
- 选项有限且互斥：分类、排序、国家
- 选项多到不适合平铺时
- 表单里节省空间
先别用
- 只有两三个选项——平铺出来更快
- 需要自由输入——用输入框
- 选项之间需要对比细节时
05 · 想一想
一道题，检查眼力
让用户选国家（约 200 个选项），用哪种？
对。选项一多，搜索就是刚需——滚 200 行找「中国」是折磨。
200 个选项的滚动列表是耐心测试，不是交互设计。
拼写会五花八门（中国/China/CN），后端没法对齐。可枚举的值就该用选的。
06 · 说给 AI 听
让 AI 改它时，这样说
把选项列表和默认值直接给 AI，别让它自己编选项。
分类筛选做成下拉，默认「全部」
国家选择器加搜索过滤
下拉选中后立即生效，不用再点确认
手机上下拉改成底部弹出的选择面板
最容易踩的坑
下拉会藏选项：点开之前谁也不知道里面有什么。三个以内的选项别藏，平铺出来一眼选完。