Css 在我们的网站关注文本框时，在iPad上强制使用numpad

大家好，我们有一个HTML5网站，可以通过iPad访问（类似于kiosk应用程序）。网站提示用户键入其PIN码。我想要的是，当用户关注PIN文本框时，强制iPad显示numpad键盘。它将被非常年长的人使用，默认情况下，在iPad键盘上切换到numpad，你必须点击“123”按钮。老年人不会知道的

我能用像这样的东西吗

<input type="number" />

---

您可以在

数字中设置文本字段的类型，它将显示一个标准的1-9拨号键盘样式的键盘

例如：

<input type="number" />



资料来源：
您可以在
数字中设置文本字段的类型，它将显示一个标准的1-9拨号键盘样式的键盘

例如：

<input type="number" />



资料来源：
您可以使用HTML5的新文本框类型（数字）。当浏览器显示您不需要它时，它默认为常规文本框。要使用它，请将输入类型设置为number。例如：

<input type="number" />



另一种解决方案是使用Javascript。您可以使用jQueryUI的数字选择器，一个插件，例如，或者只添加下面的代码来限制一个普通的文本框

$(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(); 
        }   
    }
});

$（文档）.ready（函数（）{
$（“.text_字段”）.keydown（函数（事件）{
如果（event.keyCode==46 | | event.keyCode==8 | | event.keyCode==9 | | event.keyCode==27 | | event.keyCode==13 |
//允许：Ctrl+A
（event.keyCode==65&&event.ctrlKey==true）|
//允许：起始、结束、左、右
（event.keyCode>=35&&event.keyCode您可以使用HTML5的新文本框类型（数字）。当浏览器不需要它时，它默认为常规文本框。要使用它，请将输入类型设置为数字。例如：

<input type="number" />



另一种解决方案是使用Javascript。你可以使用jQueryUI的数字选择器，一个插件，例如，或者只添加下面的代码来限制一个普通的文本框

$(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(); 
        }   
    }
});

$（文档）.ready（函数（）{
$（“.text_字段”）.keydown（函数（事件）{
如果（event.keyCode==46 | | event.keyCode==8 | | event.keyCode==9 | | event.keyCode==27 | | event.keyCode==13 |
//允许：Ctrl+A
（event.keyCode==65&&event.ctrlKey==true）|
//允许：起始、结束、左、右
（event.keyCode>=35&&event.keyCode如果我使用jquery，它会在iPad上强制使用numpad吗？jquery不会影响数字键盘。他建议的是为数字选择器提供一个替代UI，或者限制允许的输入（如果输入了！=数字，则不执行任何操作。）如果我使用jquery，它会在iPad上强制使用numpad吗？jquery不会影响数字键盘。他建议为数字选择器提供一个替代UI，或者限制允许的输入（如果输入了！=数字，则不执行任何操作）