input输入框去除记忆功能

浏览器input输入框含有记忆功能，当用户在input输入框开始输入时，浏览器会显示出之前输入的选项。

当然很多时候我们会不想显示历史记录，首先是样式太丑，其次是避免隐私泄露。那么怎么清除呢？

autocomplete 属性

autocomplete 属性规定输入字段是否应该启用自动完成功能。

属性值
值	描述
on	默认。规定启用自动完成功能。
off	规定禁用自动完成功能。

autocomplete 属性适用于 <form>，以及下面的 <input> 类型：
text, search, url, telephone, email, password, datepickers, range 以及 color

<!-- 在form中使用   此方法将取消form表单中所有input的记忆功能-->
<form method="post" action="submit.asp" autocomplete="off"></form >

<input autocomplete="off"/>

display:none 技巧

写两个input输入框，一个给用户输入，另一个display:none隐藏起来用于传输数据给后台。这样的话，浏览器历史记录将绑定到隐藏的input框，并不会显示。

升级

参考文档01
参考文档02
1、在type为passworld的input中加auto-complete="new-password"属性即可
2、通过添加readonly＆onfocus =“this.removeAttribute（‘readonly’）