跳转到内容

前端与界面 · DEFINED TERM

Select 与 AutoComplete

Select 从有限选项中选择,AutoComplete 边输入边给候选。

你可能会这样说“产品固定几个可选,城市太多要支持搜索”

VISUAL EXAMPLE

先看懂它怎么工作

容易误解不要把几十上百项全部堆进普通下拉框
更准确处理有限选项或较长的可搜索选项集

MECHANISM

运行机制

  1. 打开或输入
  2. 过滤候选
  3. 选择值
  4. 校验与提交

USE WHEN

适合这样用

处理有限选项或较长的可搜索选项集

NOT FOR

不要这样理解

不要把几十上百项全部堆进普通下拉框

TELL YOUR AGENT

可直接发给 Agent

请按“Select 与 AutoComplete”的概念处理这个需求:产品固定几个可选,城市太多要支持搜索。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

可清除、可键盘选择,空结果和加载状态明确

OFFICIAL SOURCES

官方来源