HTML5输入占位符一直显示（即使在键入时？）

Question

可以执行类似下面的屏幕截图的操作吗？输入的类型为数字，＆＃34; px＆＃34;由输入本身自动添加（并且不能更改）。

Answer 1

您可以使用右侧文字为span的{​​{1}}元素覆盖您的输入。

Answer 2

它不是占位符。占位符仅用于向用户指示预期的输入类型。

你可以：

1. 使用JS检查用户值并将“px”添加到字符串
2. 创建一个'px'的小矢量图像，并设置为右侧的文本框背景。

Answer 3

您可以通过document.getElementById获取输入值，然后将“px”添加到该值。最后你可以在输入中设置该值。