格式化输入中的字符串，如HTML中的标记

Question

嘿伙计们我想使用jquery自动完成插件，而不是分隔标签，我想格式化每个标签，如附加图片中显示。

Answer 1

如果您不知道如何构建它，那么请查看其他人构建的内容。标记是一个非常常见的功能。

http://aehlke.github.com/tag-it/

http://xoxco.com/projects/code/tagsinput/

http://www.jquery4u.com/plugins/10-jquery-tagging-tag-clouds/

Answer 2

我不打算详细介绍或写你自己定制的任何内容，因为你的问题太模糊了。

看看：http://xoxco.com/projects/code/tagsinput/

我认为它会照顾你。

Answer 3

现有一个jQuery插件，名为Tokeninput。

Answer 4

嗯，通常它不是真正的文本框。这是一个虚假的文本框，它有一个真实的，无边框，无背景的文本输入，可以在一个看起来像文本框的div中移动。

在上面的截图中，你拥有的是这样的：

  <div class="container">
     <ul class="tags">
       <li>java <span class="closer">x</span></li>
       <li>coldfusion <span class="closer">x</span></li>
     </ul>
     <input type="text" id="tagger"/>
  </div>

当您在文本框中键入内容时，您将拥有自动完成的JS。当您选择一个标签（或按Tab键或逗号键等键）时，它会获取框中的当前输入，创建一个新的LI，并在UL中添加一类“标签”（ul.tags）。新的LI看起来像上面的标签，如果你将LIs彼此相邻浮动，它会将文本框推到容器div内（它的样式看起来像文本框）。文本输入实际上就是那里，没有边框或背景，所以它看起来像是容器文本框的一部分。

这就是我过去的表现。我不打算为你写出所有代码，但这应该让你开始。如果您正确搜索，还有其他一些如何在网络上执行此操作的示例。

希望有所帮助。祝你好运。