自动完成干扰用户创建表单答案

【问题标题】：Autocomplete interfering with user creation form自动完成干扰用户创建表单
【发布时间】：2017-07-23 08:52:43
【问题描述】：

我在自动完成方面遇到了一点问题，想知道是否有人找到了解决方法。由于浏览器已开始忽略 autocomplete="off" 属性，因此我在管理区域中使用自动完成功能来创建新用户填写我登录时使用的登录凭据时遇到了麻烦。

我已经尝试过 MDN 建议的 hack autocomplete="none"，我尝试过随机化表单输入名称，我什至尝试过使用 JavaScript 将文本字段更改为密码字段（具有不同的超时时间） - 但每次仅仅存在密码字段就会导致浏览器立即自动填充密码。如果密码字段上方有一个文本字段，它也会自动填充。

我可以在登录表单上控制它，如果有的话，它会鼓励用户使用更安全的密码，但在管理区域，我认为这对用户有点不友好，真的很想禁用或在不将密码字段更改为文本字段的情况下解决它。

注意：我使用的浏览器是 Firefox 51.0.1

【问题讨论】：

标签： html forms autocomplete

【解决方案1】：

我也许应该在不久前发布这个，但是嘿，迟到总比没有好。

有一种解决方法，只需在表单顶部包含以下 2 个元素：

<input type="text" style="display: none;">
<input type="password" style="display: none;">

这些元素使用用户名自动完成，将我的密码/确认密码字段 - 以及前面的文本字段 - 留空。

【讨论】：