如何在登录表单中禁用输入框的自动完成功能？

嘿，我来帮你拆解这个方案的有效性：

1. HTML属性部分的作用 #

你在输入框上直接添加的autocomplete="off"属性，在**大多数主流浏览器（Firefox、Safari、旧版Chrome）**里是能直接生效的，会明确告诉浏览器不要对这些输入框启用自动填充功能。不过要注意：

• 部分新版Chrome（以及基于Chromium的浏览器）会忽略密码框的autocomplete="off"，因为浏览器默认倾向于帮用户保存密码，这是出于用户体验的考量。

2. JS代码的补充作用 #

你写的JS代码做了两层加固：

• 给所有输入框绑定focus事件，在获取焦点时强制设置autocomplete="off"，这能弥补一些浏览器对静态HTML属性的忽略问题；
• 给表单本身也添加autocomplete="off"属性，进一步强化禁用自动填充的指令。

不过这里有个小坑：你用的live()方法在jQuery 1.7版本之后已经被废弃了，如果你的项目用的是较新的jQuery版本，建议替换成on()方法，否则这段JS可能会失效：

$(document).ready(function(){
  $(':input').on('focus',function(){
    $(this).attr('autocomplete', 'off');
  });
  $('form').attr('autocomplete','off');
});

3. 额外的优化建议 #

如果遇到新版Chromium浏览器还是自动填充密码的情况，可以把密码框的autocomplete属性改成new-password，这个值是浏览器专门为“不需要自动填充的登录密码”场景设计的，兼容性更好：

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

总结 #

你的方案在绝大多数场景下是有效的，只要注意jQuery版本的兼容性问题，再配合new-password的补充，就能覆盖几乎所有主流浏览器的自动填充禁用需求。

内容的提问来源于stack exchange，提问作者mr_kiani