Javascript 文本输入框：如何在键入的文本末尾显示占位符？

所以。。。我的表格中有一个输入框列表。。。没有标签，只有占位符文本

假设我有一个用于电子邮件的文本输入字段

这篇文章的价值是ruby@rails.com

我想显示：（电子邮件）在字符串之后

（只有当输入模糊时，当输入集中时，标签才不应该在那里）…这我知道怎么做

唯一的问题是，我不知道如何计算输入框中实际文本的witdh，因此我可以在它旁边显示标签（当然，另一个元素绝对定位）

有什么想法吗

========================================================== 编辑

所以，我在html标记中使用了类似的东西

<input type="text" name="my_field" value="" data-fixed-placeholder="(email)" placeholder="email">

---

希望这能帮助你更好地帮助我。

我想可能会有帮助是的，我想我可能需要走那条路。谢谢这听起来像是糟糕的UX。如果查看器使用的浏览器不支持

占位符

，该怎么办？这是否接近您要查找的内容？问题并没有描述实际使用的代码，只是“我知道怎么做”。您应该公开显示您正在做什么的最小代码，因为这本质上影响了如何修改它。

$("[data-fixed-placeholder]").on("focus", function(e){
    //hide the fixed placeholder
}).on("blur", function(e){
    //show the palceholder
   //1. check if there is no text inside... then don't show it (the original placeholder is still visible)
   //2. if there is text, calculate how wide it is
   //3. wrap input box in div, make it position relative, append another div inside with the text from fixed-placeholder
   //4. position this text next to the actual text in the input box
});