我正在在Android上创建HTML5应用程序,对于这种特定情况,我们有一个用于信用卡的安全代码的输入字段,我们希望强迫输入字段仅数字并掩盖。

我没有运气搜索这种特定情况,从我自己研究/尝试的所有内容中,我无法纯粹是通过HTML5完成的(因为数字和密码都是类型的选项,只有一种类型可以使用)。我是否缺少某些东西,有一种方法可以在通过HTML5掩盖输入时弹出数字键盘,或者是否有其他方法可以强制键盘输入类型或通过CSS或JavaScript掩盖输入?

谢谢你的帮助!

有帮助吗?

解决方案

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

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

我不确定目前是否有其他浏览器, ,将来这可能可以通过 appearance CSS属性. 。 CSS3版本的 appearance 已经从规格中删除了,因此看起来您必须等待 text-security 用于交叉浏览器解决方案。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top