如何在html中禁用自动填充用户名？

Question

我有代码阻止密码从浏览器自动填充，但我仍然无法阻止HTML页面上的用户名文本框。 这是页面上密码字段的代码。

enter code here


   <input type="text" name="abc" id="abc">
    <style>
    -webkit-text-security:desc;
    </style>

此处此代码使我的文本框看起来与密码字段相似，并且工作正常。甚至浏览器也不会要求保存密码。

请建议我们使用用户名。

Answer 1

自动填充功能允许浏览器预测值。当用户开始输入字段时，浏览器应根据先前输入的值显示填充字段的选项。

注意：autocomplete属性适用于以下类型：text，search，url，tel，email，password，datepickers，range和color。

<input type="text" name="test" autocomplete="off" />

您仍需要了解有关此属性的一些事实，具体如下：

1. Firefox 30忽略密码的autocomplete =“off”，选择提示用户改为是否应将密码存储在客户端上。

2. 密码管理器始终会提示是否要保存密码。未经用户许可，不会保存密码。

3. 根据Mozilla开发人员文档，表单元素属性autocomplete防止表单数据在旧版浏览器中缓存。

4. 此外，某些Chrome扩展程序也可以自动完成，因此当您测试此属性时，请确保禁用这些扩展程序。