如何禁用Chrome自动填充(2020年后)
禁用Chrome自动填充（Autocomplete）可以通过多种方法实现，以下是几种常见的方法：
方法一：使用 autocomplete="off" 属性
在表单元素上添加 autocomplete="off" 属性可以尝试禁用自动填充功能。
<form>
<input type="text" name="username" autocomplete="off">
<input type="password" name="password" autocomplete="off">
<button type="submit">Submit</button>
</form>方法二：使用随机字符串作为 name 和 id
Chrome有时会忽略 autocomplete="off" 属性，因此可以使用随机字符串来命名表单元素。
<form>
<input type="text" name="username_123456" id="username_123456" autocomplete="off">
<input type="password" name="password_789012" id="password_789012" autocomplete="off">
<button type="submit">Submit</button>
</form>方法三：使用 input 元素的 type="text" 和 type="password"
有时Chrome会自动填充 type="email" 或 type="tel" 等类型的输入框，可以尝试使用 type="text" 和 type="password"。
<form>
<input type="text" name="username" autocomplete="off">
<input type="password" name="password" autocomplete="off">
<button type="submit">Submit</button>
</form>方法四：使用JavaScript动态生成表单元素
通过JavaScript动态生成表单元素，可以避免Chrome的自动填充。
<form id="myForm">
<button type="button" onclick="addFields()">Add Fields</button>
<button type="submit">Submit</button>
</form>
<script>
function addFields() {
const form = document.getElementById('myForm');
const username = document.createElement('input');
username.type = 'text';
username.name = 'username';
username.autocomplete = 'off';
form.appendChild(username);
const password = document.createElement('input');
password.type = 'password';
password.name = 'password';
password.autocomplete = 'off';
form.appendChild(password);
}
</script>方法五：使用 autocomplete="new-password"
对于密码字段，可以使用 autocomplete="new-password" 来告诉浏览器这是一个新密码，不应该被自动填充。
<form>
<input type="text" name="username" autocomplete="off">
<input type="password" name="password" autocomplete="new-password">
<button type="submit">Submit</button>
</form>参考链接
通过以上方法，可以有效禁用Chrome的自动填充功能。如果仍然遇到问题，可能需要检查浏览器的设置或更新浏览器版本。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
