Chrome中的输入type=“number”忽略maxlength
maxLengty属性不能与一起使用。这种情况只在Chrome中发生。
<input type="number" class="test_css" maxlength="4" id="flight_number" name="number"/>
共有1个答案
来自MDN的文档
如果type属性的值为text、email、search、password、tel或url，则此属性指定用户可以输入的最大字符数（以Unicode代码点表示）；对于其他控件类型，则忽略它。
因此上的maxlengty在设计上被忽略。
根据需要，您可以使用inon在回答中建议的min和max属性（注意：这将只定义一个受约束的范围，而不是值的实际字符长度，尽管-9999到9999将覆盖所有0-4位数字），或者您可以使用常规文本输入，并使用新的patter属性对字段进行验证：
<input type="text" pattern="\d*" maxlength="4">
-
属性不适用于
-
问题内容： 该属性不适用于。这仅在Chrome中发生。 问题答案： 从MDN的文档中 如果值 类型 属性是，，，，，或，此属性指定的最大字符数（在Unicode代码点），用户可以输入; 对于其他控件类型，将忽略它。 因此在设计上被忽略。 根据您的需求，您可以使用和属性作为 INON 在他/她的回答表明（注：这只会定义的约束范围，而不是值的实际字符长度，虽然-9999〜9999将覆盖所有0-4位数字
-
我想在html表单中将用户输入限制为正数。 我知道您可以设置min=“0”，但是可以通过手动输入负数绕过此设置。 有没有其他方法可以解决这个问题而不用编写验证函数？
-
我正在使用html5日期输入，但在新表单中Chrome没有正确显示完整值。格式是DD-MM-YYYY，但YYYY部分显示为空白。不过，我可以看到值在那里。 似乎输入右侧的空白是为控件保留的（交叉到清除值、上/下箭头、下拉箭头）。 我没有空间来扩大输入范围。如何使完整日期可见？ 例子：http://jsfiddle.net/U6MYy/
-
null 对于第二个选项，我使用MessageHandler： 每当我的模型(函数）返回适当的标记时，我想输入其中一个ConversationHandlers，但不知道如何执行。
-
我有一个输入字段，用户只能在其中输入数字。 JSFIDLE演示 问题是：当我输入一个数字（例如，）然后按点（）时，或-浏览器会自动删除输入字段的内容（值设置为“”=空字符串）。但是为什么呢？将类型从更改为似乎可以解决问题。但是，我失去了输入字段的向上/向下箭头功能。有什么想法吗？