带有删除按钮的输入字段内的标记，如stackoverflow

Question

我想创建一个与stackoverflow的标签输入字段非常相似的输入字段。当我写一个单词然后按空格时，它会变成某种带有删除按钮的徽章。

是否有用于执行此操作的jQuery，jQuery-UI组件？还是其他任何简单的方法？我怎么能复制那个？或者这种组件叫做什么？

Answer 1

jQuery Tags Input可能就是你想要的。

Answer 2

我可以建议一个jQuery插件TokenInput吗？

Answer 3

TokenInput是一个很好的插件。另请参阅此JSFiddle YUI演示http://jsfiddle.net/Zh4rG/

YUI().use('autocomplete', 'autocomplete-highlighters', 'gallery-node-tokeninput', function (Y) {
  Y.one('#ac-input').plug(Y.Plugin.TokenInput).plug(Y.Plugin.AutoComplete, {
    resultHighlighter: 'phraseMatch',
    resultListLocator: 'users',
    resultTextLocator: 'id',
    resultFormatter: function(query, results) {
       return Y.Array.map(results, function (result) {
          return result.raw.username;
       });
    },
    source: 'http://github.com/api/v2/json/user/search/{query}?callback={callback}'
  });

  Y.one("#btn").on("click", function(e) {
    var node = Y.one('#ac-input');
    alert(node.get("value")); 
  });
});