将不可编辑的文本附加到输入结尾？

Question

HTML5是否有任何属性可以将某些文本附加到输入值的末尾？例如，如果我有<input type="text">，我可以将/hrs之类的内容添加到输入值的末尾吗？

我可以使用JS轻松完成此操作，但它会包含在最终值中，并且管理起来会很麻烦。

任何帮助或建议都会很棒，谢谢！

Answer 1

编辑了这个答案：https://stackoverflow.com/a/43964651/5674442

以下是代码：

input {
  text-align: right;
  padding-right: 30px;
}

.placeholder {
    position: relative;
    display: inline-block;
}

.placeholder::after {
    position: absolute;
    right: 5px;
    top: 1px;
    content: attr(data-placeholder);
    pointer-events: none;
    opacity: 0.6;
}

<div class="placeholder" data-placeholder="/hrs">
    <input value="My text" />  
</div>

Answer 2

好。你来了。

＆＃13;

＆＃13;

.placeholder {
    position: relative;
    display: inline-block;
}

.placeholder::after {
    position: absolute;
    right: 5px;
    top: 1px;
    content: attr(data-placeholder);
    pointer-events: none;
    opacity: 0.6;
}

＆＃13;

<div class="placeholder" data-placeholder="/hrs">
    <input value="My text" />  
</div>

＆＃13;

＆＃13;

＆＃13;