浏览器input框的自动补全在网页中是很常见的一个效果，自动补全的存在省去了我们很大一部分时间也方便了我们。但并非是所有网站都需要input框的自动补全效果，那么如果我们不需要要如何去掉呢？

其实input框的自动补全主要是因为autocomplete属性的存在：

autocomplete定义和用法：

autocomplete 属性规定输入字段是否应该启用自动完成功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

属性值：

从属性值可以看出，默认是开启自动补全效果，那么如果如果你不要把该属性的值改为off即可。

详细使用案例：

text文本输入框禁止自动补全代码：

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

密码框禁止自动补全代码：

<input type="password" autocomplete="new-password" name="password">

整个form表单设置：

<form method="post" action="#" autocomplete="off"></form>

结语：

autocomplete属性适用于form表单，以及表单内的input类型：text, search, url, telephone, email, password, datepickers, range 以及 color。