您的位置:首页 > Web前端 > HTML5

HTML5 <input type="number" max="11" />

2018-01-17 11:03 549 查看
<input type="text" maxlength="11" />这种写法可以限制input输入框字符长度为11,但是不能限制输入框字符长为纯数字,限制为纯数字可以用如下写法:
<input type="number" max="11" />

实际在chrome版本63.0.3239.132(正式版本)(64 位)浏览器中运行这行HTML5代码时,input输入框没有输入数字长度为11的效果,可以无限输入。需要将代码修改为:

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

这时再运行<input> 标签可以限制输入数字长度为11个。这段代码可以用于手机输入框限制用户输入11位数字作为手机号。若要限制手机号码格式,需要进行正则限制。

type="text"是HTML <input> 标签的 type 属性,type="number"是HTML5 新的 Input 标签的 type 属性。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: