Question

有没有办法“屏蔽”文本字段的输入，使其像密码字段（显示点而不是文本），而不使用密码类型的文本框？我们更喜欢CSS而不是javascript ...

任何想法？

Answer 1

这可能是您正在寻找的答案：

-webkit-text-security: disc;
-moz-text-security: disc;
text-security: disc;

Answer 2

有些方法可以更改字符输入字段时显示的方式（http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/），但使用基本CSS无法实现密码屏蔽。

我能想到的唯一可行解决方案是创建一个只包含所需掩码字符的字体（对每个字符使用该字符），然后使用@font-face声明告诉输入字段使用该字符字体。但是，@font-face浏览器支持较差，因此依赖它来执行这样一项重要功能是一个危险的想法。

您是否有任何理由不想使用标准密码输入字段？考虑一下好处：

如果您需要一个像密码字段一样的输入，只需使用密码字段即可。不要重新发明轮子。

Answer 3