创建一个类似的“收件人”文本框,该文本框显示在许多基于Web的电子邮件网站上

creating a similar "to " textbox that is displayed on many web based email websites

本文关键字:收件人 文本 显示 许多基 网站 电子邮件 Web 一个 创建      更新时间:2023-09-26

当我们使用基于 Web 的电子邮件时,当我们添加新电子邮件地址时,在To:文本框中,它将在右侧或顶部添加一个小的"x"图标,我们可以通过单击十字图标将其删除,是否有任何 (jQuery) 插件或普通 JavaScript 片段可用于完成此类事情。

你可以看看:

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

http://webspirited.com/tagit/

看这个演示,代码在这里

示例用法:

<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>