掩码文本输入

Question

嘿，我想让一个简单的输入文本像这样。

<input type="text" id="pin" name="pin" maxlength="4" size="4" placeholder="____">

现在在前端，我希望占位符一直保留到用户键入所有字符。

例如:

1___
12__
123_
1234

清楚了吗?谢谢你的帮助

编辑:让我说得更清楚一点。我希望占位符或模拟占位符的东西保持可见，直到输入所有字符!这意味着当我输入一个字符时，它不会消失。

Answer 1

占位符默认情况下不会这样工作，因为这是一个坏主意。以这种情况为例:

<input type="text" placeholder="Type something here!"/>

如果用户开始输入"Hello, world!"，过程将是:

"Hype something here!"
"Hepe something here!" ...
"Hellosomething here!" ...
"Hello world!ng here!"

如果您的占位符几乎不可见，这将是好的，但在大多数情况下，这只会很难看，也可能令人困惑——用户可能会认为他们必须准确地输入作为占位符的内容，或者他们可能会尝试完全清除输入，但没有成功。

占位符只是为文本输入元素提供虚拟内容，直到添加了实际内容。