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

Jak*_*keW 24 html5 android input-field

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

我没有运气寻找这个具体案例,从我自己研究/尝试的一切事情来看,这不能仅仅通过HTML5完成(因为数字和密码都是类型的选项,只有一种类型可以使用).我失去了一些东西,有一种方法,同时具有输入通过HTML5被屏蔽或有另一种方式来迫使键盘输入型或通过CSS或JavaScript掩盖输入弹出数字键盘?

谢谢你的帮助!

rob*_*rtc 39

如果它只需要在基于WebKit的浏览器中工作,并且"纯粹通过HTML5"允许CSS,您可以尝试:

input[type=number] {
    -webkit-text-security: disc;
}
Run Code Online (Sandbox Code Playgroud)

我不确定目前是否有其他浏览器的等价物,将来可以通过appearanceCSS属性控制.CSS3版本appearance已从规范中删除,因此看起来您将不得不等待text-security跨浏览器解决方案的标准化.

  • 当然也适用于iPhone webview(例如PhoneGap应用程序). (2认同)