管理输入的电子邮件联系人在HTML形式作为可移动块与[x]按钮类似于Gmail

Manage entered email-contacts in HTML form as removable blocks with [x] button similar to Gmail?

本文关键字:可移动 Gmail 类似于 按钮 电子邮件 输入 联系人 HTML 管理      更新时间:2023-09-26

是否有解决方案来管理输入的电子邮件联系人在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>

发现自己无法谷歌这些东西没有准确和清晰的关键字。

选择jQuery插件

您可以修改代码以使用文本框而不是列表框来完成您正在寻找的内容。参考multiple select的例子

编辑:标签-它提到的anpsmn by看起来正是您正在寻找的

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