1

嘿，我正在尝试制作一个类似这样的简单输入文本。

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

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

例如：

1___
12__
123_
1234

这清楚吗？谢谢您的帮助

编辑：让我更清楚地说明这一点。我希望占位符或模拟占位符的东西在输入所有字符之前保持可见！这意味着当我输入一个字符时，它并没有消失。它在尚未输入的字符上插入下划线。

4

1 回答 1

1

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

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

如果用户开始输入“Hello, world!”，过程将是：

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

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

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

于 2013-03-15T15:07:57.187 回答