與Facebook或Stack Exchange的網站類似的文本框

Question

我很確定你們都知道我指的是什麼。它就像一個textarea，可以讓你輸入東西，並且會出現一個向上滑動的菜單（有點像intellisense的東西 - 顯示它認爲你打算輸入的不同單詞），當你點擊它，或者點擊enter ，它會在textarea內部創建一個帶有該單詞的小框。我需要找到其中的一個（或者自己製作），並且在將它們插入到數據庫中之前，我還需要獲取輸入的單詞以及Javascript中的某些數據內容。在「文本區域」的事情我說的是，櫃面我抓住你完全喪失，看起來是這樣的：

有誰知道是否有庫/插件等可用？任何幫助都感激不盡！

謝謝:)

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。