html 模式只接受数字

Question

我有这个简单的html：

 <input type="text"
       placeholder="onlynumbers"
       name="onlynumbers"
       pattern="\d{1,5}"
       maxlength="5">

我需要将字符数限制为 5。它有效。但我仍然可以输入数字以外的其他字符。我尝试了各种模式，例如：

 pattern = "[0-9]"

但仍然可以输入除数字以外的其他字符。

如果我将 type 属性更改为 number ，则输入字段中只接受数字，但 maxlength 属性不起作用。我可以输入任意数量的数字。我听说这是 Chrome 中的一个错误。那是问题吗？

是否有跨浏览器的方式来满足这些要求：

仅接受数字且不允许用户输入超过 5 位数字的输入字段（文本或数字，无所谓）。

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

Answer 1

<input type="text" name="country_code" pattern="[0-9]+" title="please enter number only" required="required">

原文由 darshan 发布，翻译遵循 CC BY-SA 3.0 许可协议