JavaScript前端：输入框关闭弹出历史记录功能

---

前言

现在很多网页或者程序为了方便用户的使用，都会如此设置：用户点击输入框时，会弹出最近输入的内容（即历史记录）。

优点： 对于需要重复输入的内容，该设置可以极大的避免多次输入重复的内容，提高用户输入的效率.

缺点： 对于每次大概率需要输入不同内容时，弹出历史记录并没有什么作用，往往不会给用户带来便利。如果用户不小心点错了，可能还需要删除输入框中的部分内容，此时对用户来说就是一种负担，不如直接关闭输入框弹出历史记录功能。

本文介绍了如何关闭输入框弹出历史记录功能。

---

一、取消输入框弹出历史记录

1.利用input标签的autocomplete属性

<input type="text"  autocomplete="off" />

这种方法应该是最多博主分享的，也是网上最常见的做法。

如果没有生效，则需要检查你的input 标签中是否有name或者id属性，没有则需要加入name或者id属性。

根据我的经验来看，这个方法并不能解决所有此类问题。建议可以尝试一下，看看效果。

参考链接: HTML 标签的 autocomplete 属性

2.利用form标签的autocomplete属性

如果关闭单个输入框弹出历史记录功能不起效果，可以考虑关闭整个表单的弹出历史记录功能。这种方法简单粗暴，但是缺点也很明显，即这个表单中的所有输入框都不能再弹出历史记录，当有些输入框大部分时候需要输入重复内容的时候还是建议开启。这种方法仅能在合适的地方使用，在使用的时候需要谨慎。

<form class="form-horizontal"  autocomplete="off" >

---

总结

本文介绍了如何关闭输入框弹出历史记录功能。
希望对大家有用！