html - 使输入类型为 ="Password"在移动设备上使用数字键盘

标签 html mobile input passwords numbers

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

有什么想法吗?

提前致谢!

最佳答案

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

HTML 5.1 草案包含 inputmode属性,旨在解决输入模式(如键盘)选择的特定问题,但尚未实现。

尽管出于某些奇怪的原因,当前的 HTML 5.1 不允许 type=password 使用它,但您可以在未来使用它。

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

关于html - 使输入类型为 ="Password"在移动设备上使用数字键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19126856/

相关文章:

c# - 如何在不对 html 进行硬编码的情况下创建 html 报告?

android - Android 上的 jquery 移动表单输入文本

ruby-on-rails - 检测网络浏览器或移动设备以显示链接

带文件的 C 项目

JQuery 和复选框

html - 悬停时模糊/取消模糊 2 个不同的背景

javascript - 删除伪类(悬停)Javascript

html - 有没有一个包可以将内联样式转换为 css 类

iphone - 跨平台手机开发环境

jquery - 在所有浏览器中使用 &lt;input type ="file"> 时如何使用上传文件的 JQUERY 获取完整路径,为什么 IE、Chrome 返回 "c:/fakepath/filname"?