                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /AC2015前端技术大会

input type设置成number时maxlength属性失效

input type为number时maxlength失效了，肿么破~~所以启用数字键盘是不是tel比较好？！

XL樰

2016-01-05

源自：AC2015前端技术大会 1-2

关注问题我要回答

70544

操作

收起

9 回答

janmi
2017-12-18

maxlength HTML5

如果 type 的值是 text, email, search, password, tel, 或 url，那么这个属性指明了用户最多可以输入的字符个数（按照Unicode编码方式计数）；对于其他类型的输入框，该属性被忽略。它可以大于 size 属性的值。如果不指定这个属性，那么用户可以输入任意多的字符。如果指定为一个负值，那么元素表现出默认行为，即用户可以输入任意多的字符。本属性的约束规则，仅在元素的 value 属性发生变化时才会执行。译者注:ie10+

规范搬运： https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input

0 回复有任何疑惑可以回复我~

qq_微妙人生_0
2017-08-08

问题也解决

0 回复有任何疑惑可以回复我~

#1

qq_一缕阳光_14

怎么解决的呢？

2017-09-14 回复有任何疑惑可以回复我~

阳光123
2017-07-09

你解决了吗？

0 回复有任何疑惑可以回复我~

私享家_
2017-01-10

既然是number类型就可以用max代替maxlength了，比如你要限制最多输入5位，那就写成max='99999'

0 回复有任何疑惑可以回复我~

#1

这样的话，输入还是可以输入任意长度啊

2017-02-27 回复有任何疑惑可以回复我~

#2

能否自己测过再发言，你的这个方法不可行

2018-12-24 回复有任何疑惑可以回复我~

i_am_blue
2016-10-26

解放方案：

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

很简单，搞定！

8 回复有任何疑惑可以回复我~

#1

如果加上验证只能输入数字的话就不行了

2016-12-28 回复有任何疑惑可以回复我~

#2

qq_啊呐_03348953

输入1e2345689876987无效

2017-07-07 回复有任何疑惑可以回复我~

#3

这方法不错，谷歌的仿手机浏览器测了，可以

2017-11-09 回复有任何疑惑可以回复我~

查看1条回复

leebaybay
2016-06-28

input 设置成tel,maxlength=11 , 移动端唤起数字键盘，且限制长度的maxlength有效

5 回复有任何疑惑可以回复我~

#1

PC 无效，好讨厌写验证，还要提示

2016-09-21 回复有任何疑惑可以回复我~

#2

围巾小白回复 Pulsate

PC我用的chrome测试的，完全可用的哦~

2017-02-15 回复有任何疑惑可以回复我~

#3

qq_当当_4 回复围巾小白

移动端可以吗

2017-02-27 回复有任何疑惑可以回复我~

查看3条回复

echo_kinchao
2016-01-05

有些浏览器有兼容问题

0 回复有任何疑惑可以回复我~

#1

谷歌浏览器也有这种兼容性？？

2016-03-25 回复有任何疑惑可以回复我~

XL樰提问者
2016-01-05

input设置为number并且输入的是数字，maxlength无效的，在iphone和安卓机上亲测，不可用~~~

0 回复有任何疑惑可以回复我~

zhaosixing
2016-01-05

当input type设置为number时，输入的如果是数字，则maxlength有效，输入的不为数字而是字母或者汉字，则maxlength无效，同样的，当input type设置为text时，此时设置的maxlength只对字母或者汉字有效，对数字无效.

0 回复有任何疑惑可以回复我~

#1

XL樰提问者

input设置为number并且输入的是数字，maxlength无效的，在iphone和安卓机上亲测，不可用~~~

2016-01-05 回复有任何疑惑可以回复我~

#2

我也遇到了，type为text的时候，输入数字，maxlength是有效的，当为number的时候maxlength是无效的

2016-03-25 回复有任何疑惑可以回复我~

#3

我就在这看你一本正经的胡说八道

2018-05-22 回复有任何疑惑可以回复我~

查看2条回复

举报

0/150

提交

取消

AC2015前端技术大会

参与学习 28374 人
解答问题 15 个

腾讯多名AlloyTeam优秀讲师2015前端技术收获分享

input type设置成number时maxlength属性失效

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号