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 回答