ios - 为 Web 应用程序创建 HTML 密码屏幕

Question

我正在开发一个使用 jQuery mobile 开发的移动 webapp，我想要一个类似于 iPhone 通用密码屏幕的简单密码锁定屏幕。

我遇到的主要问题是让数字键盘显示并且仅在将代码输入每个文本框时才显示一个点。目前，我可以让它在 ios 和 android 上工作的唯一方法是将文本字段设置为类型数字，但是在密码输入期间会显示数字。

我希望有人已经做到了，或者有一个简单的解决方案。

Answer 1

我不知道这种密码屏幕的用途，尤其是作为网络应用程序。但无论如何你可以做一些像这样的hacky，

1. 创建一个输入框type=number
2. 创建一个jquery事件onkeyup，
   • 获取输入到变量中的值。
   • 将输入框的内容替换为*
3. 当按下 OK 按钮时，检查存储在变量中的值。

这样您就可以使用数字键盘而不显示内容。