javascript - 使用类似于 Gmail 的 [x] 按钮将 HTML 表单中输入的电子邮件联系人管理为可移动 block ？

Question

是否有解决方案可以将 HTML 表单中输入的电子邮件联系人管理为带有 [x] 按钮的可移动 block ，类似于 Gmail？

我希望拥有更高级的字段，具有自动完成功能(这里不是问题)和自动替换输入的电子邮件，而不是使用逗号分隔的电子邮件进行通用文本输入，其中每封电子邮件都成为一个可以快速删除的 block [x ] 按钮。

当然，手动编写解决方案并不是很复杂，但我确信这个问题以前已经解决了。

我正在寻找的内容的简单示例:http://jsfiddle.net/JNVgq/4/

<div class="wrap">
    <input class="shadow" value="test@email.com, other@email.com" />
    <div class="email"> test@email.com <a href="#">&times;</a> </div>
    <div class="email"> other@email.com <a href="#">&times;</a> </div>
    <input class="current" value="second@e" />
</div>

发现自己无法在没有准确清晰的关键字的情况下用谷歌搜索这些东西。

Answer 1

我们开始吧:Chosen jQuery Plugin

您可以修改代码以使用文本框而不是列表框来完成您要查找的内容。请参阅多重选择示例。

编辑: Tag-it提到anpsmn看起来正是您正在寻找的东西。