當我們專注於我們網站的文本框時，在iPad上強制使用數字鍵盤

Question

嗨，我們有一個HTML5網站，可以通過iPad訪問（類似於信息亭應用程序）。網站提示用戶輸入他們的PIN碼。我想要的是當用戶關注PIN文本框時強制iPad顯示numpad鍵盤。它將被非常老的人使用，並且默認情況下切換到iPad keyborad中的數字鍵盤，您必須單擊「123」按鈕。老年人不會知道這一點。

我可以使用類似

<input type="number" /> 

Answer 1

可以在number設置文本字段的類型，它會顯示一個標準的1-9撥號鍵盤式鍵盤。

例子：

<input type="number" /> 

來源： http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/InputTypes.html

Answer 2

您可以使用HTML5的新文本類型（數量）。當瀏覽器不是你需要的時候，它默認爲一個普通的文本框。要使用它，請將輸入類型設置爲數字。例如：

<input type="number" /> 

另一種解決方案是使用Javascript。你可以使用jQuery UI的數字選擇器，一個插件如jStepper或者只是添加下面的代碼來限制一個普通的文本框。

$(document).ready(function() { 
    $(".text_field").keydown(function(event) { 
     if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || 
     // Allow: Ctrl+A 
     (event.keyCode == 65 && event.ctrlKey === true) || 
     // Allow: home, end, left, right 
     (event.keyCode >= 35 && event.keyCode <= 39)) { 
      // let it happen, don't do anything 
      return; 
    } 
    else { 
     // Ensure that it is a number and stop the keypress 
     if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) { 
      event.preventDefault(); 
     } 
    } 
}); 

}）;

來源：How to allow only numeric (0-9) in HTML inputbox using jQuery?