阻止 Chrome 提示从输入框保存密码？

Question

Chrome 最近更新了一个烦人的弹出窗口，该弹出窗口来自地址栏中的一个图标，并提示在用户提交表单时在页面上保存密码。这个页面没有其他的输入框，其他浏览器也没有提示保存这个密码，所以不知道Chrome为什么会这样。它是一个密码，因此它不应该在输入框中以纯文本形式显示，但它不是一个应该永远保存的密码——它不是登录凭据。实际上，计算机用户不知道此密码非常重要 - 其他人必须为他们输入密码 - 因此，如果浏览器保存它，那将是糟糕的。

如何防止 Chrome（和所有浏览器）提示保存此密码？

 <form action="/..." method="post" onsubmit="return pwFormIsSubmittable();">
    <p>Password: <input autofocus="" type="password" name="1409_password" style="width:100px" tabindex="1" autocomplete="off"></p>
    <div class="tabSubmitButtons">
        <input type="button" name="event=default" value="Cancel" onclick="window.location='...'" tabindex="3">");
        <input type="submit" value="Submit" onclick="submitForm();" tabindex="2">
        <input type="hidden" name="begin" value="Yes">
        <!-- couple other hidden inputs -->
    </div>
</form>

原文由 Jordan H 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一种解决方案或解决方法是在真实密码输入框上方添加 <input type="password" style="display:none"/> 。 Chrome 只会尝试保存它找到的第一个密码，如果它是空白的，它不会抛出对话框来保存它。

原文由 Jordan H 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

不要使用输入类型 password ，而是使用样式设置为 style=”-webkit-text-security: disc;” 的 类型 文本 这将用点替换字符。

 <input type="text" id="password" style="-webkit-text-security: disc;">

使用点还有其他选项：

 input { -webkit-text-security: none; }
input { -webkit-text-security: circle; }
input { -webkit-text-security: square; }
input { -webkit-text-security: disc; /* Default */ }

在这里找到答案： 如何在 chrome 中禁用保存密码提示

原文由 Martin 发布，翻译遵循 CC BY-SA 3.0 许可协议