如何在本地开发的页面上删除表单中的自动填充

Question

我在本地构建网站，并以一种形式输入电话号码和密码输入。 Chrome会预先填写这些字段，电话号码带有我的电子邮件地址，密码字段带有密码，如图所示。

这是一个注册页面，因此我不希望预先填写密码字段，并且电话号码不应包含电子邮件地址。

这是这些输入的标记：

<input type="tel" value="" id="phone" name="phone" class="input ">

<input type="password" placeholder="Min 10 characters" id="password" name="password" class="input ">

我尝试禁用Chrome自动填充功能的所有内容都没有效果：

• 将autocomplete="off" / autocomplete="false"添加到输入本身和外部表单元素。
• 从一开始就清除浏览器历史记录中的自动填充数据。
• 更改相关输入的ID和名称属性。

阻止chrome自动填充输入的唯一因素是先添加另一个phone输入并将其设置为隐藏，这是我想要避免的可怕黑客攻击。

Chrome将电子邮件地址插入名为tel的{​​{1}}输入中的原因是什么？我该如何防止这种行为？

我并不担心完全禁用自动填充功能，但我不希望它将电子邮件地址插入电话号码输入。

Answer 1

1. 打开Chrome。
2. 点击右上角的“设置”。
3. 在底部，点击显示高级设置。
4. 在“密码和表单”下，单击“管理自动填充设置”。
5. 指向条目（在您的情况下：电话号码输入）并单击 删除关闭。

注意：电子邮件地址已填入电话号码输入字段而非电话号码。