文本框类似于Facebook或Stack Exchange的网站

Question

我很确定你们都知道我指的是什么。它就像一个textarea，让你输入东西，会出现一个小的滑动菜单（有点像智能感知的东西 - 显示它认为你打算键入的不同单词），当你点击它或点击回车，它在textarea中创建了一个小盒子，里面有这个词。我需要找到其中一个（或者自己创建），并且我还需要在将它们插入数据库之前抓取输入的单词和Javascript中的一些数据内容。我正在谈论的“textarea”事情，因为我让你完全迷失了，看起来像这样：

有没有人知道是否有可用的库/插件等？任何帮助将不胜感激！

谢谢：）

Answer 1

正确的术语是tag input。 Google为他们带来了很多结果。

这是我之前使用过的一个：http://levycarneiro.com/projects/tag-it/example.html

Answer 2

1. Facebook style Tag input
2. AutoComplete Examples

Answer 3

这不是textarea或输入框，Contenteditable允许您这样做。

<div contenteditable="true"><span class="tag">tag1</span></div>

就像一个输入框，你可以在一个有争议的div中写。