27

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

我在搜索这个特定案例时没有运气,从我自己研究/尝试的所有信息来看,这不能完全通过 HTML5 完成(因为数字和密码都是类型的选项,只有一种类型可以使用)。我是否遗漏了什么,有一种方法可以在通过 HTML5 屏蔽输入的同时弹出数字键盘,还是有另一种方法可以强制键盘输入类型或通过 CSS 或 JavaScript 屏蔽输入?

谢谢你的帮助!

4

1 回答 1

44

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

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

我不确定当前是否有其他浏览器的等效项,将来可能可以通过appearanceCSS 属性进行控制。CSS3 版本appearance已从规范中删除,因此看起来您必须等待text-security跨浏览器解决方案的标准化。

于 2011-11-30T23:13:36.673 回答