Javascript 包含多个值的文本字段，下拉列表中的建议（如Gmail“To:”字段）

在我的web应用程序中，我需要类似于Gmail在输入收件人地址时的建议下拉列表，或在输入有问题的合成标签时的堆栈溢出下拉列表的功能

在Gmail中，有一个“收件人：”地址的文本字段。开始键入后，将显示一个下拉列表，其中包含建议。如果输入分号或逗号，则可以输入其他地址。同样，一旦您开始键入此地址，将出现一个带有建议的下拉列表

建议是包含您输入的文本的通讯簿的子集。（例如，如果键入“jo”，则“John”和“Foojoe”将显示为建议，但“XYZ”不会显示。）单词的匹配部分以粗体突出显示

如果按“回车”键或使用上下光标键，则可以在下拉建议列表中导航

我可以自己编程，但是我觉得一定有标准的解决方案，我可以合并。然而，我发现的所有解决方案都是字段的值导致建议，而不是字段当前部分的值导致建议（每个部分都用分隔符分隔，例如Gmail中的“，”或“；”，堆栈溢出标记中的空格）

---

我使用的是Wicket（Java服务器端Web框架），因此任何Wicket特定的解决方案都是不错的，但除此之外，我确信我可以在项目中加入任何普通的Javascript库。

jQueryUI的autocomplete是一个很好的插件

---

链接指向“多重价值”示例，该示例几乎是您描述的逐字逐句；它从中间匹配部分单词，允许基于关键字的导航和多个条目。

有一些JQuery插件，例如：

---

项目中有一个自动完成组件。有关于如何使用它的说明。

您可以使用它

Wicket示例作为中的第一项提供了一个示例实现。源代码链接有点难看，它在灰色条的右边缘

---

（描述中甚至说“像谷歌建议！”）

wiquery库中有一个wicket包装：material UI中有类似的东西吗