Question

<input type="number" maxlength="2" />

它在Firefox，IE等其他浏览器中工作，而不是在谷歌浏览器中工作。任何人都可以建议如何修复Chrome中的问题？

Answer 1

因为它是一个数字，你可以使用max而不是maxlength。

Answer 2

您只需要允许两位数字，然后您可以使用以下代码

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

Answer 3

对type =“number”的输入使用max属性。它将指定您可以插入的最高编号

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

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

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

对于用户体验，您希望用户输入的数量不能超过一定数量，请使用Javascript / jQuery。

EG: <input type="number" max="99" min="9" id="myInput"/>

    $('#myinput').on('keydown', function () {
        if($(this).val().length>2)
              return false;
    });

Answer 4

使用max=""并且必须有一个form元素才能工作，否则它将无效。

fiddle

Answer 5

试试这个

<input type="tel" maxlength="2" />

如果字段的输入类型为数字，则HTML maxlength属性不适用于Google Chrome

5 个答案: