HTML5中input輸入框在移動端的使用

移動端input的type類型

系統	IOS(10.3)	Android(Vivo X6A)
email
url
number
range
date
month
week	不支持
time
datetime
datetime-local
search
color	不支持
tel
text

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事件，就能夠實現最大輸入長度的限制了。