Search field 搜索框
/SERCH FEELD/ · noun · 输入类模式 · #045
药丸形状的查询入口。小放大镜是极少数人人秒懂的图标之一。
你可能会这样叫它
- “搜索栏”
- “带放大镜的输入框”
- “顶部的搜索条”
- “网站上的搜索框”
- “输入关键词的框”
……它的名字是 搜索框（Search field）。
代码里叫什么
| SwiftUI | .searchable() |
|---|---|
| UIKit | UISearchController UISearchBar |
| Jetpack Compose | SearchBar DockedSearchBar |
| Android (Views) | SearchBar SearchView |
| Flutter | SearchBar SearchAnchor |
| Web (HTML) | <search> <input type="search"> |
复制给 AI 编程工具
在列表顶部加一个搜索框：圆角输入框，左侧放大镜图标，占位文字说明能搜什么（“搜索订单”），输入内容后出现清除（×）按钮。输入时稍作防抖并实时筛选结果；没有结果时显示“没有找到……”，而不是一片空白；输入框要有可见或无障碍的标签。网页上用 <search> 元素包住 <input type="search">。