html input 标签 type 属性为 number 时候 maxlength 不起作用如何解决？

HTML 里面 input 标签 maxlength 属性，通常用来限定输入长度。

常规使用

<input type="text" maxlength="6">

以上使用没问题，可以限定输入长度，如下：

type=”number” 时候无效

<input type="number" maxlength="6">

效果：

处理办法

通过 oninput 事件控制输入

<input type="number" oninput="if(value>6)value=value.slice(0,6)">

效果：

本文由 linx(544819896@qq.com) 创作，采用 CC BY 4.0 CN协议 进行许可。 可自由转载、引用，但需署名作者且注明文章出处。本文链接为： https://blog.jijian.link/2020-03-09/html-input-type-number-maxlength/

如果您觉得文章不错，可以点击文章中的广告支持一下！