css - 不断显示的 HTML5 输入占位符（即使在键入时？）

Question

可以像下面的屏幕截图那样做吗？输入是数字类型，“px”是输入自己自动添加的（不能更改）。

Answer 1

span您可以使用右侧具有文本的元素覆盖您的输入px。

Answer 2

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

你可以：

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

Answer 3

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