有没有办法有一个蒙面数字输入字段？

Question

我正在Android上创建一个HTML5应用程序，对于这个特定场景，我们有一个输入字段，用于信用卡的安全代码，我们希望强制输入字段仅限数字并屏蔽。

我没有找到这个具体案例的运气，而且从我自己研究/尝试的一切事情来看，这不能仅仅通过HTML5完成（因为数字和密码都是类型的选项而且只是可以使用一种类型）。我是否遗漏了某些东西，有一种方法可以在输入被HTML5屏蔽的同时弹出数字键盘，还是有另一种方法来强制键盘输入类型或通过CSS或JavaScript屏蔽输入？

感谢您的帮助！

Answer 1

如果仅需要在基于WebKit的浏览器中工作，并且“纯粹通过HTML5”允许CSS，您可以尝试：

input[type=number] {
    -webkit-text-security: disc;
}

我不确定目前是否有其他浏览器的等价物，将来可以通过appearance CSS property 来控制。 CSS3版本的appearance已从规范中删除，因此看起来您必须等待text-security标准化才能实现跨浏览器解决方案。