只能输入 6 位数字的输入框

监听 input 的 keypress 事件，判断输入的字符是否为数字，如果不是数字则阻止默认事件。

其中设置 parttern="\d*"，使得 iPhone 键盘只能输入数字。

<h3>只能输入6位数字</h3>
<p>
    <input
        type="text"
        maxlength="6"
        parttern="\d*"
        onkeypress="return (event.charCode != 8 && event.charCode == 0 || (event.charCode >= 48 && event.charCode <= 57))"
        style="border: 1px solid;font-size: 16px;"
    />
</p>

inputValue:

Reference

• MDN
• How to Allow Only Positive Numbers in the Input Number Type
• <input type="number"\/> is not showing a number keypad on iOS