HTML maxlength 属性不适用于 chrome 和 safari？

Question

<input type="number" maxlength="5" class="search-form-input" name="techforge_apartmentbundle_searchformtype[radius]" id="techforge_apartmentbundle_searchformtype_radius">

这是我的 HTML，与 firebug（在 chrome 上）一起使用。

我可以在表单字段中写尽可能多的字符 - 在 Chrome 和 Safari 中。

在 Firefox 或 IE10 上，限制很好。

我在网上没有发现这个问题。

注意：type=“number” - 不是文本。

以前有人见过这个问题吗？

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

Answer 1

对 type="number" 的输入使用 max 属性。它将指定您可以插入的最大可能数字

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

如果同时添加最大值和最小值，则可以指定允许值的范围：

   <input type="number" min="1" max="999" />

看这个 例子

编辑

如果为了用户体验，您希望用户不能输入超过某个数字，请使用 Javascript/jQuery，如本 示例所示

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

Answer 2

最大长度不适用于 <input type="number" 我知道的最好方法是使用 oninput 事件来限制最大长度。请看下面的代码。

 <input name="somename"
        oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
        type = "number"
        maxlength = "6"
     />

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