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

Posted 2023-02-23

【中文标题】为 Web 应用程序创建 HTML 密码屏幕

【英文标题】：Create HTML Passcode screen for web app

【发布时间】：2013-04-05 03:01:14

【问题描述】：

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

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

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

【问题讨论】：

您最好的选择可能涉及 iOS 和 Android 的不同代码。

我能够通过添加一个简单的键盘然后在 pageinit 事件中添加一些代码来更新显示 div 并在必要的字符数后提交到服务器来重新创建我需要的内容。

【参考方案1】：

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

用type=number创建一个输入框 创建一个jquery事件onkeyup， 获取输入到变量中的值。 将输入框内容替换为* 按下确定按钮后，检查存储在变量中的值。

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