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

Question

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

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

我希望有人已经完成它或者有一个简单的解决方案。

Answer 1

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

1. 使用type=number
创建一个输入框
2. 在onkeyup上创建一个jquery事件，
   • 将输入的值输入变量。
   • 用*
   替换输入框的内容
3. 按下确定按钮时，请检查变量中存储的值。

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