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

Posted 2023-03-05

【中文标题】类似于 Facebook 或 Stack Exchange 的网站文本框

【英文标题】：Textbox similar to Facebook or Stack Exchange's ones for websites

【发布时间】：2012-05-18 21:10:20

【问题描述】：

我很确定你们都知道我指的是什么。它就像一个文本区域，可以让你输入内容，然后会出现一个向上滑动的小菜单（有点像智能感知的东西 - 显示它认为你要输入的不同单词），当你点击它时，或者按 Enter ，它会在 textarea 内创建一个带有该单词的小框。我需要找到其中一个（或自己制作），并且在将它们插入数据库之前，我还需要获取输入的这些单词和 javascript 中的一些数据内容。我所说的“textarea”是这样的：

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

谢谢你:)

【参考方案1】：

它的正确术语是tag input。 Google 为他们提供了很多结果。

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

【讨论】：

谢谢罗里。我在 Google 上没有得到任何结果，因为我不知道正确的术语。 :-)

【参考方案2】：

Facebook style Tag input AutoComplete Examples

【讨论】：

谢谢拉维。我在谷歌上没有得到任何结果，因为我不知道正确的术语。 :-)

【参考方案3】：

这不是文本区域或输入框，Contenteditable 允许您这样做。

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

就像一个输入框，您可以在可竞争的 div 中编写。