当之前的input框输入了数据后，下次输入有历史记录，这是浏览器为了方便用户通过之前的缓存来自动填充表单的功能，但很多时候我们不需要自动填充历史记录。
并且发现无论是清除cookie，还是删除浏览器历史记录，都没办法清空input下拉的历史记录信息。那么该如何解决该问题呢？下面分享3种方案供大家参考。
方法一、代码实现
input标签中它支持autocomplete属性，该属性规定form或input域应该拥有自动完成功能。他对应的值如下：
on 默认。规定启用自动完成功能。
off 规定禁用自动完成功能。
autocomplete支持的属性值有好几十个，而这2个是最常用的。所以我们只需要设置 autocomplete='off'，这样不会记录用户输过的值。
<input id ="name" autocomplete ="off">备注说明：
1、浏览器中的表单会记录刚填完的input数据，为防止用户信息泄露，可以在input中加入autocomplete=“off”，也可以在form表单中加入autocomplete，可以防止表单记录填过的表单数据，不会记录用户输过的值。
2、autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, password, datepickers, range 以及 color。
出现不生效的情况
有时候明明设置了autocomplete="off"，但是依然会有自动填充，就是浏览器的策略原因，在caniuse上有关于各个浏览器那种情况下autocomplete="off"无效的描述，具体如下：
Chrome浏览器在用户使用了自动填充功能的情况下，autocomplete="off" 无效。
Safari浏览器在 username，email 和 password文本框的时候，关闭自动填充无效。
Firefox浏览器则是在登录表单中无法使用autocomplete="off"关闭自动提示。
一般而言，我们不需要特意去解决这些问题。
方式二、浏览器设置
这里以谷歌浏览器为例，在浏览器地址栏输入：
chrome://settings/autofill
关闭自动填充表单即可（自动填充和密码下面的每一项都可以关闭），这样处理后所有网站下的input框都不会出现历史记录了。
方法三、快捷方式
当已输入过的输入框中，点一下输入框就会自动带出先前所输入过的文字，接着当要删除某个文字记录时，只需将滑鼠滑到上方，再按Shift+fn+Del键(MAC)/Shift+Del键(Win)，就可将它删除。这样就可将先前的文字记录给一一的删除！
学习更多技能
请点击下方公众号
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
