原生input限制内容长度和chrome浏览器等自动填充密码

一.采用原生maxlength属性

<input type="text"  maxlength="5" />   //可以

<input type="number"  maxlength="5" />  //没有效果

<input type="number" oninput="if(value.length>5) value=value.slice(0,5)" /> //js控制，可以

<input type="tel"  maxlength="5" />  //tel类型，可以

• 此外，tel类型的input在ios上会调出全数字键盘，而number类型的input则会调出带有标点符号的键盘。
• 引用：https://www.cnblogs.com/mengff/p/7349904.html

二.H5新增属性 autocomplete="off"

• autocomplete 属性规定表单或输入字段是否应该自动完成，当自动完成开启，浏览器会基于用户之前的输入值自动填写值。
• autocomplete 属性适用于 <form> 以及如下 <input> 类型：text、search、url、tel、email、password、datepickers、range 以及 color。

提示：您可以把表单的 autocomplete 设置为 on，同时把特定的输入字段设置为 off，反之亦然。

三. element

auto-complete="new-password"