4

对不起这个奇怪的标题:因为我不知道这个效果叫什么我不知道如何通过谷歌或堆栈溢出搜索它......

我试图描述的一个例子可以在雅虎邮箱的“撰写消息屏幕”上找到。当您完成输入电子邮件地址(或选择自动完成建议)后,“收件人:”框中的电子邮件地址文本应用了一种样式,使其看起来像一个按钮:

在此处输入图像描述

  1. 这种效果的名称是什么?

  2. 我在哪里可以找到有关如何复制它的参考?

4

2 回答 2

2

这听起来对你有用。 http://ivaynberg.github.com/select2/#tags

于 2012-07-23T20:10:09.437 回答
0

我不确定这种效果的正式名称是什么,但我最近做了类似的事情。

我把它写成一个 jquery 插件。

基本要点是创建一个 div 和一个填充它的文本框。侦听文本框上的字符事件,然后在 tab/return 上创建一个新的 div 到文本框的左侧,其中包含您要显示的文本。在 js 中,您可以测量呈现的 div 的宽度并将文本输入定位在右侧。

我也这样做了,所以转义键清除了所有标签/关键字 使用空文本输入按下回车会触发一个事件,例如提交并单击标签将 div 替换为文本输入,以允许用户在适当的位置修改标签

我在 Mo 使用 iPad,所以没有样本,但希望能指出你的写作方向。

于 2012-07-23T20:07:20.657 回答