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

Question

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

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

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

Answer 1

我不知道这种密码屏幕的使用，特别是作为一个Web应用程序。但无论如何，你可以做一些哈克这样，

1. 与type=number
2. 创建一个输入框创建一个jQuery事件的onkeyup，
   • 得到一个变量输入的值。
   • 当按下OK按钮通过*
3. 更换输入框的内容，检查存储在变量中的值。

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