Javascript CSS-气泡输入搜索栏，如Pinterest

我有一个搜索栏，用户在其中输入一个关键字，我希望关键字被封装在一个带有十字的气泡中，以便在用户按空格键输入另一个关键字时将其删除。类似于在Pinterest搜索栏中所做的操作，如下图所示

---

我可以在CSS中围绕文本制作气泡，但如何从输入框内部绘制它们是我一直关注的问题。

值得查看

Select2

库，该库具有标记选项，您可以看到它正在运行（在“标记支持”部分下）

或者，您可以在基于标签的搜索上签出下面的

CodePen

链接

希望这有帮助

在此处查看好友列表：

---

不久前我为它制作了简单的jQuery插件：

检查所选插件：

---

和都是很好的选择，但我发现它们最适合我的用例（高度可定制）。它易于使用，可扩展，依赖性少。

可能有一个容器作为输入。左边是所有标签，右边是没有边框和背景的输入。瞧，查看带有标记选项的

Select2

库，您可以在这里看到它的作用-（在“标记支持”部分下）。