HTML - 文本末尾的常量占位符？

Question

是否可以在文本字段的末尾添加占位符，该占位符始终存在并始终显示在输入的末尾？

我希望有一些输入说明＆＃39;（点击编辑）＆＃39;。一旦你点击并编辑它，我仍然希望它说'（点击编辑）＆＃39;在文本的末尾，以便提醒它仍然可以编辑。

由于

Answer 1

尝试：在伪选择器之后：

HTML：

<div class="input_wrapper">
    <input/>
</div>

的CSS：

.input_wrapper:after {
    content:"click to edit";
}

Answer 2

有一个bootstrap implementation：

<div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-addon">Click to edit</span>
</div>

或者您可以使用javascript创建它（如果您需要将其作为输入值）：在编辑之前和之后添加和删除value属性