0

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

而不是使用逗号分隔的电子邮件进行通用文本输入，我希望有更高级的字段，带有自动完成功能（这里不是问题）和自动替换输入的电子邮件，其中每封电子邮件都变成一个带有快速删除 [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>

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

4

2 回答 2

1

我们开始吧：选择的 jQuery 插件

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

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

于 2013-04-04T11:45:20.660 回答
1

我用于此的另一个选项（包括来自静态列表或服务器端端点的自动完成部分）是jquery-tokeninput

于 2014-05-07T00:39:56.650 回答