输入类型="密码"使用移动设备上的数字键盘

Question

在我为移动设备设计的网站上,我有一个用于PIN码的输入字段.我希望文本在输入时隐藏,我希望当移动设备上的用户想要输入PIN时,会弹出数字键盘.当Type ="Number"时,数字键盘会弹出,而当Type ="Password"时,数字键盘不会弹出,而我不能(或者不知道如何)设置Type ="Number and Password".

有任何想法吗？

提前致谢!

Answer 1

最后,我在这里找到了答案:

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

(仅适用于基于WebKit的浏览器)

Answer 2

某些浏览器(iOS)识别触发数字小键盘的特定pattern属性值[0-9]*.

在HTML 5.1草案中包含的inputmode属性,它被设计来解决输入模式(如键盘)选择的具体问题,但尚未实施.

不过,你可以将它用于未来 - 尽管当前的HTML 5.1不允许使用它type=password,原因有些奇怪.

<input type="password" pattern="[0-9]*" inputmode="numeric">