Html 在类似按钮的UI元素中包装文本框文本

为这个奇怪的标题感到抱歉：因为我不知道这个效果叫什么，我不知道如何通过谷歌或堆栈溢出搜索它

我试图描述的一个示例可以在Yahoo Mail的“撰写邮件屏幕”上找到。当您输入完电子邮件地址（或选择自动完成建议）后，“收件人：”框中的电子邮件地址文本应用了一种样式，使其看起来像一个按钮：

这种效果的名称是什么

我在哪里可以找到关于如何复制它的参考

---

我不确定这种效应的正式名称，但我最近也做了类似的事情

我将其作为jquery插件编写

基本要点是创建一个div和一个填充它的文本框。 在文本框和tab/return上侦听字符事件，在文本框左侧创建一个新的div，其中包含要显示的文本。在js中，您可以测量渲染div的宽度，并将文本输入置于右侧

我还让escape键清除了所有标签/关键字 以空文本输入按enter键触发事件，如Submission 然后单击标签，将div替换为文本输入，以允许用户在适当位置修改标签

---

我在mo的iPad上，所以没有样本，但希望它能为您指明写作方向。

这听起来对您很有用。

---

这正是我要找的！还是不知道该怎么称呼它。。。太棒了，有人能帮我找到它，甚至不知道它的名字。：-）Andyzinser提供了一个链接，指向如何执行此操作的资源。。。有人知道这叫什么吗？我想适当地更新这个问题的标题。