爲網頁應用程序創建HTML密碼屏幕

Question

我正在開發使用jQuery移動設備開發的移動網絡應用程序，我想要一個類似於iPhone一般密碼屏幕的簡單密碼鎖定屏幕。

我遇到的主要問題是讓數字鍵盤顯示並且只有在代碼輸入每個文本框時才顯示一個點。目前，我可以使其跨iOS和Android工作的唯一方法是將文本字段設置爲類型編號，但這些編號在密碼輸入過程中顯示。

我希望有人已經做到了，或者有一個簡單的解決方案。

Answer 1

我不知道這種密碼屏幕的使用，特別是作爲一個Web應用程序。但無論如何，你可以做一些哈克這樣，

1. 與type=number
2. 創建一個輸入框創建一個jQuery事件的onkeyup，
   • 得到一個變量輸入的值。
   • 當按下OK按鈕通過*
3. 更換輸入框的內容，檢查存儲在變量中的值。

這樣你可以使用數字鍵盤而不顯示內容。