number的输入元素时，应该会出现数字键盘。<input type="number"/>
number: 一个用于指定数字的文本字段。在iOS 3.1及更高版本中会弹出数字键盘。
看起来几乎不可能出错。然而，当我在我的iPhone或模拟器上查看这个简单的代码片段（两者都是iOS6），数字键盘没有出现，而是出现了标准的字母键盘。
我到底在这里搞砸了什么？
您需要指定模式：
<input type="number" pattern="\d*"/>
type="number" 的说明是 "指定输入类型为 \d* 或 [0-9]* 等同于使用此类型。" 但这似乎完全不正确。它称其为错误的东西（type != pattern），并声称两者都是多余的，而实际上需要两者才能产生所描述的效果... 哦，苹果 :( - Alex Wayne<input type="number" pattern="\\d*" />。 - styfle从ios 12.2版本开始（发布于2019年3月25日），这个解决方案可以使用，并且它是最简单的实现方法。
<input type="number" inputmode="decimal"/>
使用 input="tel" 时，这将仅呈现数字键盘，不含 #+* 字符。
我不确定这是否是你想要的，但输入类型为 "tel" 将给你带来 "电话号码键盘"。
*、#、; 和 ,。我只想要数字。而根据文档，type="number" 应该可以工作... - Alex Wayne问候。我知道这个问题很旧，但我觉得这是一个非常受欢迎的解决方案，决定发表一篇答案。
以下是我创建的一个解决方案，用于处理iPad键盘以及几乎任何内容。
此外，这种方法不需要使用数字类型的输入，在我看来非常丑陋。
下面是一个可工作的版本。
关于苹果iPad键盘按键的想法...
我必须创建一个keyPress事件处理程序，以捕获和抑制iPad上似乎无法由keyDown事件处理或模棱两可的按键？？？！
// Bind keydown event to all input type=text in form.
$("form input[type=text]").keydown(function (e) {
// Reference to keyCodes...
var key = e.which || e.keyCode;
// Reference to shiftKey...
var shift_key = e.shiftKey;
// Reference to ctrlKey...
var ctrl_key = e.ctrlKey;
// Reference to altKey...
var alt_key = e.altKey;
// When user presses the shiftKey...
if(e.shiftKey) {
//...supress its click and whatever key follows after it.
console.log(e.shiftKey + ' and ' + key + ' supressed.');
// Deny
return false;
// ONLY Allow Numbers, Numberpad, Backspace & Tab
} else if ( (key >= 48 && key <=57) || (key >= 96 && key <=105) || (key >= 8 && key <=9) ) {
// Allow
return true;
} else {
// Deny every other key and/or shift + key combination NOT explicitly declared.
return false;
}
});
// KeyPresss to handle remaining iPAD keyboard keys!
// These keys don't seem to be handled by the keyDown event or are ambiguous???!
// Bind keypress event to all input type=text in form.
$("form input[type=text]").keypress(function (e) {
// Reference to keyCodes...
var key = e.which || e.keyCode;
// Reference to shiftKey...
var shift_key = e.shiftKey;
// Reference to ctrlKey...
var ctrl_key = e.ctrlKey;
// Reference to altKey...
var alt_key = e.altKey;
switch (key) {
// Character -> ^
case 94:
return false;
// Character -> #
case 35:
return false;
// Character -> $
case 36:
return false;
// Character -> @
case 64:
return false;
// Character -> &
case 38:
return false;
// Character -> *
case 42:
return false;
// Character -> (
case 40:
return false;
// Character -> )
case 41:
return false;
// Character -> %
case 37:
return false;
// Character -> !
case 33:
return false;
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
<label for="text1">Numbers, Numberpad, Backspace & Tab ONLY:</label>
<input id="text1" type="text" placeholder="0" min="0" input pattern="[0-9]*" inputmode="numeric" value="" maxlength="4">
</form>在阅读和尝试了很多想法之后，我发现没有一种方法可以准确地显示只有数字键盘和逗号或点。
最终，我只使用了<input type="number">和一个onkeyup处理程序，在这个输入框中我做了类似于这样的事情：
var previousValue = localStorage.getItem('myInputId');
if (input.getAttribute('type') === "number" && input.validity && input.validity.badInput) {
input.value = previousValue || "";
}
localStorage.setItem('myInputId', input.value);
这可以防止用户输入错误字符，如果存在有效性错误，则通过将值替换为先前的值来实现（我不知道这是iOS对象还是标准）
请注意，我没有测试过此代码片段，因为我在我的一侧有更复杂的东西，但我希望您能理解这个想法
使用此解决方案：