← 返回 Web 词条WebSearch Input原生支持
搜索框
在 Web 上叫Search Input
<input type="search">
原生元素提供搜索输入语义和清除行为，但结果列表仍由应用实现。
它接收用户想查找的词，并把当前内容缩小到相关结果或跳转到搜索结果页。
- 带放大镜让我输入关键词的框
- 在这里打字找东西的地方
- 输入名字就能筛结果的那一栏
- 搜索输入框
- 查询框
- 检索字段
结构示意图
其他平台的相似实现
iOS原生支持
Search Field异名看 iOS 视角 →Android原生支持
Search Bar异名看 Android 视角 →使用规范
什么时候用
- 内容量较大，用户知道自己要找什么并能提供关键词
什么时候别用
- 只有几项内容可以直接浏览，或筛选条件比关键词更重要