管理输入的电子邮件联系人在HTML形式作为可移动块与[x]按钮类似于Gmail
Manage entered email-contacts in HTML form as removable blocks with [x] button similar to Gmail?
是否有解决方案来管理输入的电子邮件联系人在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="#">×</a> </div>
<div class="email"> other@email.com <a href="#">×</a> </div>
<input class="current" value="second@e" />
</div>
发现自己无法谷歌这些东西没有准确和清晰的关键字。
选择jQuery插件
您可以修改代码以使用文本框而不是列表框来完成您正在寻找的内容。参考multiple select
的例子
编辑:标签-它提到的anpsmn by看起来正是您正在寻找的
我为此使用的另一个选项(包括来自静态列表或服务器端端点的自动完成部分)是jquery-tokeninput
相关文章:
- HTML5 音频单击进度条可移动到其他时间
- 从可移动标记获取新位置
- 在益智游戏中,如何使可移动瓷砖的悬停为红色,而其他瓷砖保持原始状态
- 如何使“按钮”在鼠标按下时创建一个可移动的 DIV,并将“鼠标按下”切换到新的 DIV
- 如何确定游戏方块中的可移动区域
- 可移动的 jquery 框不应移出页面
- 使所有 dom 元素可移动
- 在键控保持位置上反映可移动元素
- 使画布图像可移动(可拖动)
- 滚动图像,单击时显示可移动的弹出窗口
- Openlayers 3添加带有图标和文本的可移动标记
- 在html中制作可移动菜单项
- 是否可以用Ext.js实现可移动工具栏,如果可以,如何用我的代码实现
- 多个 SVG 分层在画布上,让 SVG 可移动和调整大小
- 可移动/可拖动
- 如何移动Gmail's的页面转换工作
- 带有可移动/可添加内容的Carousel插件/代码
- Dojo可移动的动态内容
- 模拟可移动分隔线:需要禁用默认拖动
- 管理输入的电子邮件联系人在HTML形式作为可移动块与[x]按钮类似于Gmail