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个数字。

Answer 1

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

Answer 2

使用max的，而不是maxlength用input type="number"。例如，要指定5位数字的最大长度，请使用

<input type="number" max="99999" />