输入字段 \- 限制为一个数字

Question

我想使用输入字段重新创建上面显示的设计。但是，用户应该只能在每个框中输入一个数字。如何限制用户在每个输入框只能输入 1 位数字。请建议。

编辑：此 解决方案 解决了大部分问题，但不限制输入数字。

原文由 Sijo Jose 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 maxlength 和 pattern 只允许一个数字

 <input type="text" maxlength="1" oninput="this.value=this.value.replace(/[^0-9]/g,'');" />

原文由 Pablo Salcedo T. 发布，翻译遵循 CC BY-SA 3.0 许可协议