自动完成关闭在 Chrome 中不起作用 - HTML

问题描述

在开发 HTML 页面时，有时候想要关闭浏览器自动完成功能，但是在 Chrome 中关闭自动完成却不起作用。下面我们将解释这个问题的原因，并给出相应的解决方法。

原因分析

在 Chrome 中关闭自动完成功能需要通过 HTML 表单元素的 autocomplete 属性来实现。该属性有以下几个取值：

• on：允许自动完成
• off：关闭自动完成
• name：根据 input 元素的名称自动完成

但是有时候，即使在 HTML 中将 autocomplete 属性设置为 off，Chrome 依然会自动完成表单的输入。这是因为 Chrome 浏览器的自动完成功能与表单元素的 autocomplete 属性并不完全相关，它也与浏览器的记住表单数据、账号密码等因素有关。

解决方法

下面是一些解决方法，从简单到复杂逐一尝试即可解决问题。

1. 使用 Chrome 浏览器隐身模式

Chrome 浏览器的隐身模式会禁用自动填充功能，并在关闭浏览器时自动清除浏览器的历史记录和缓存数据。

2. 使用 JavaScript 禁用自动完成

在表单元素上添加 autocomplete="off" 属性后，可以通过 JavaScript 代码禁用自动完成功能。下面是一段可以实现禁用自动完成的 JavaScript 代码：

$(document).ready(function() {
  $('input[autocomplete="off"]').attr('autocomplete', 'new-off');
});

3. 更改 Chrome 浏览器设置

如果上述方法都无法解决问题，可以尝试更改 Chrome 浏览器的自动填充设置：

1. 打开 Chrome 浏览器的设置页面。
2. 在页面底部点击“高级”选项。
3. 在“隐私和安全性”部分中点击“内容设置”按钮。
4. 在“自动完成”选项中将“保存和自动填充表单数据”的开关关闭。

总结

Chrome 浏览器中的自动完成功能是与表单元素的 autocomplete 属性、浏览器的记住表单数据和账号密码等因素相关的。为了关闭自动完成，可以使用浏览器的隐身模式、JavaScript 代码或更改浏览器设置等方法。