javascript - 创建在许多基于 Web 的电子邮件网站上显示的类似“to”文本框

Question

当我们使用基于网络的电子邮件时，在To:我们添加新电子邮件地址的文本框中，它将在右侧或顶部添加一个小“x”图标，我们可以通过单击十字图标将其删除，有没有（jQuery ) 插件或纯 JavaScript 片段可用于完成此类工作。

Answer 1

你可以看看：

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

和

http://webspirited.com/tagit/

Answer 2

看这个演示代码在这里

示例用法：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="yourfiles/jquery.tokeninput.js"></script>
<link rel="stylesheet" type="text/css" href="yourfiles/token-input.css" />

<script type="text/javascript">
$(document).ready(function () {
    $("#my-text-input").tokenInput("/url/to/your/script/");
});
</script>