HTML5 / JS如何创建自动完成的标签输入，如***标签字段[重复]

Posted 2023-03-05

【中文标题】HTML5 / JS如何创建自动完成的标签输入，如***标签字段[重复]

【英文标题】：HTML5/JS How to create an autocompleted tag input like *** Tags field [duplicate]

【发布时间】：2017-01-29 22:20:43

【问题描述】：

我想为标签/标签/标志等创建一个输入，类似于以下所示：https://gitignore.io。

我使用 jQuery UI 插件发现了类似的问题，但我正在寻找一个非常轻量级的解决方案。 （我想在 Phoenix 和 Bootstrap 3 中使用它）。

我发现的相关问题（我发现很难用谷歌搜索，因为 tag 和 label 在 html 中已经有含义）：

How can I create an autocomplete box for the tag input? jQuery autocomplete tagging plug-in like ***'s input tags?（本质上是我正在寻找的 tag-it 插件，除了它需要 jQuery UI）

【参考方案1】：

我找到了这个链接，看起来很有希望：http://nicolasbize.com/magicsuggest/

我也可以在 npm 上找到：https://www.npmjs.com/package/magicsuggest

【讨论】：

它似乎只适用于 jQuery 版本 1.x...