如何在键入每个字符时隐藏输入字段中的文本?

zmeyuzjn  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(237)

我有一个输入字段,它在登录应用程序时基本上接受一个确认代码(字母数字)。我想实现以下功能:当您键入每个字符时,它会在文本字段中出现一小部分时间(比如1秒),然后变成星号。
我想要这个的原因是什么?这有助于用户了解他/她在输入字段中键入的字符,并且不会影响安全性。
我试过什么?我尝试将输入字段类型设置为“password”,但这会使字符立即输入星号。我不想要这个,我想要它显示1s,然后变成星号。

<input type=password placeholder="Please enter your alphanumerical code" />

注意:我不想要上面的显示/隐藏切换按钮实现,因为我已经意识到了这一点,并且已经看到了关于这一点的答案,但这不是我想要的实现
我正在开发一个reactjs应用程序,因此最好是基于react、js、jsx、html等的实现。谢谢:)
p、 这是我关于堆栈溢出的第一个问题,我是个新手,所以请原谅我的错误。请随时询问您对该问题的任何疑问/疑问。

zf2sa74q

zf2sa74q1#

github有一个现成的解决方案:https://karaggeorge.github.io/react-better-password/

相关问题