← 返回 Web 词条
标签胶囊
Web 原生没有这个
网页没有原生胶囊标签组件，需要根据它是按钮、选项还是输入值选择正确语义并自行实现。
通常怎么做：筛选用可切换按钮，已输入值用带删除操作的标记；不要把不可点击文字做成按钮样式。
它用紧凑的圆角小块表示一个筛选条件、输入值、属性或快捷操作。
- 像小药丸一样写着一个词的按钮
- 选中条件后出现的小圆条
- 输入名字后变成一块可以删掉的标签
- 信息胶囊
- 筛选标签
- 可操作标签
其他平台的相似实现
iOS需自己实现
该平台没有原生实现苹果移动平台没有通用 Chip 组件，Token Field 的 HIG 条目主要面向桌面式输入场景。
看 iOS 视角 →Android原生支持
Chip本平台没有对应叫法看 Android 视角 →使用规范
什么时候用
- 用很小空间展示筛选、属性、已输入值或短操作，并且含义单一
什么时候别用
- 文字很长、操作重要到需要普通按钮，或只是静态分类文字