HTML5中input输入框在移动端的使用

移动端input的type类型

系统IOS(10.3)Android(Vivo X6A)
email《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
url《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
number《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
range《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
date《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
month《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
week不支持《HTML5中input输入框在移动端的使用》
time《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
datetime《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
datetime-local《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
search《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
color不支持《HTML5中input输入框在移动端的使用》
tel《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》
text《HTML5中input输入框在移动端的使用》《HTML5中input输入框在移动端的使用》

type为number时,maxlength不生效

当input输入框的type类型为number的时候,设置maxlength属性来限定输入的最大长度,发现,该属性没有正常限制最大输入长度。

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

上面代码中,长度可以无限输入。如果想实现最大输入长度为6,怎么解决呢?这个就要使用js来控制了。

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

通过给input输入框绑定oninput事件,就可以实现最大输入长度的限制了。

    原文作者:俱沫
    原文地址: https://segmentfault.com/a/1190000011375234
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞