当前位置: 首页 > 面试题库 >

Chrome中输入类型=“ number”的maxlength被忽略

广宏远
2023-03-14
问题内容

maxlength属性不适用于<input type="number">。这仅在Chrome中发生。

<input type="number" class="test_css"  maxlength="4"  id="flight_number" name="number"/>

问题答案:

从MDN的文档中<input>

如果值 类型
属性是textemailsearchpasswordtel,或url,此属性指定的最大字符数(在Unicode代码点),用户可以输入;
对于其他控件类型,将忽略它。

因此maxlength<input type="number">设计上被忽略。

根据您的需求,您可以使用minmax属性作为 INON
在他/她的回答表明(注:这只会定义的约束范围,而不是值的实际字符长度,虽然-9999〜9999将覆盖所有0-4位数字),也可以使用常规文本输入并使用新pattern属性在字段上强制执行验证:

<input type="text" pattern="\d*" maxlength="4">


 类似资料:
  • 属性不能与一起使用。这种情况只在Chrome中发生。

  • 问题内容: 当我输入数字时,字母和特殊字符也会显示在输入字段中。我只想显示数字。如何阻止他们? 问题答案: 如果您不喜欢传入键值,请尝试阻止默认行为:

  • 如何避免在HTML5中输入数字的十进制值。目前,它允许用户键入十进制值。

  • 我有一个类型号的输入字段。我想在不失去焦点的情况下检索用户输入的精确值。 当用户输入时,应该返回 当用户输入时,应该返回 当用户输入.它应该返回(但它返回的值没有十进制-11) 我尝试的内容:我尝试了keyup事件,但元素的值总是没有小数。还尝试了但当输入为十进制(点)时,不会触发解析器。 我已经检查了,。所有内容都返回不带小数的值。 我不知道它将返回完整值的正确事件。

  • 本文向大家介绍Chrome输入类型=“数字” CSS样式,包括了Chrome输入类型=“数字” CSS样式的使用技巧和注意事项,需要的朋友参考一下 要设置输入类型=数字的样式,请使用以下CSS- 上面显示了没有微调器的情况。 要显示微调框并设置其样式,请使用 输出结果 上面显示了以下输出-