我有一个搜索栏,用户可以在其中输入关键字,我希望将关键字括在带有十字的气泡中,以便在用户按空格输入另一个关键字时将其删除。就像在 Pinterest 搜索栏上所做的那样,如下图所示。
我可以在 CSS 中围绕文本制作气泡,但如何从输入框内部绘制它们是我所困惑的地方。
最佳答案
值得一看的是 Select2
库,它具有标记选项,您可以看到它的实际效果 here (在“标记支持”部分下)。
或者,您可以在基于标签的搜索
上查看以下CodePen
链接
http://codepen.io/jonahvsweb/pen/LGVRaX
希望这有帮助!
关于javascript - CSS - 像 Pinterest 一样的气泡输入搜索栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38795425/