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!"

如果您的占位符几乎不可见，这将没有问题，但在大多数情况下，这只会是丑陋的，也可能会让人感到困惑 - 用户可能会认为他们必须输入与占位符完全匹配的内容，否则他们可能会尝试完全清除输入但没有成功。

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