Chrome浏览器自动填充去除的效果background-color,并background-image从Username与Password输入字段。
自动完成前
自动完成后
但是Chrome 浏览器自动完成功能隐藏了我的输入图标,并且还更改了我的background-color. 所以我需要我的图标保持原样。
是否可以阻止Chrome 浏览器更改字段的背景颜色并隐藏图像?
.form-section .form-control {
border-radius: 4px;
background-color: #f7f8fa;
border: none;
padding-left: 62px;
height: 51px;
font-size: 16px;
background-repeat: no-repeat;
background-position: left 17px center;
}
.form-section .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.form-section .form-group {
margin-bottom: 21px;
}
.form-section .form-control[type="email"] {
background-image: url('https://i.stack.imgur.com/xhx3w.png');
}
.form-section .form-control[type="password"] {
background-image: url('https://i.stack.imgur.com/910l0.png');
}
.form-btn {
padding:10px;
background-color: #65a3fe;
border: none;
color: #ffffff; …Run Code Online (Sandbox Code Playgroud)互联网上有一些关于这方面的讨论(特别是关于堆栈溢出),但其中很多都是从2015年左右开始的,所以我想知道是否有人有近期的经验.
我们使用JavaScript小部件为Web表单上的预先键入搜索功能提供支持,但此UI始终与Chrome自动填充重叠.
虽然autocomplete=“off”用来工作,Chrome浏览器现在似乎忽略这个值了,反正显示的UI.我唯一可以找到适用于OSX上的Chrome 66/67的是无效值,例如autocomplete=“blah”.这看起来似乎过于粗略,我们之前已经对此进行过实验,在某些情况下/ Chrome版本会被忽略.
有没有人喜欢使用HTML/Javascript关闭它的可靠方法?
作为旁注 - 看起来甚至Google也无法在需要时将其关闭,因为他们自己的谷歌地图预先输入小部件被Chrome自动填充覆盖.这可以在大多数Shopify商店看到.
我想禁用谷歌浏览器自动完成/自动填充/ 使用密码建议
类似于autocomplete ="off"(这一个不起作用).
代码如下
loginpage.php
<form class="form-method" method="post">
<span class="form-fill">
<text>Username</text>
<input placeholder="Username" required/>
<text>Password</text>
<input type="password" placeholder="Password" required/>
<button type="submit"></button>
</span>
</form>
Run Code Online (Sandbox Code Playgroud)
anotherform.php
<form method="REQUEST" class="vp-method">
<input type="password" maxlength="4" autocomplete="JUST STOP!"/>
<button type="submit" placeholder="DVN Number">Validate</button>
</form>
Run Code Online (Sandbox Code Playgroud)
如何禁用此谷歌浏览器自动完成/建议/自动填充没有使用JavaScript?
注意:我知道重复的问题.这些建议都没有奏效(因为我现在正在打字).
谢谢 :)
有没有办法在chrome 66中的文本字段上禁用自动完成功能?我尝试了很多选项,例如:
谁能帮我这个?
另外,如果用户名下面有密码类型字段,Chrome会自动为用户名启用自动填充功能吗?
使用chrome 66,我无法找到一种方法来禁用文本输入上的自动完成功能.我试过autocomplete="off",autocomplete="new-password"直到Chrome 63,我认为但不再工作.
有没有新的方法来禁用此功能?
谢谢 !
我碰到这个问题绊了几次,在过去的一段时间,在那里铬忽略autocomplete="false"和autocomplete="off"。autocomplete="whatever"如果有人之前提交过带有随机“hack”的表单,它现在甚至会忽略或您做任何事情来欺骗它。
在尝试解决此问题时,我遇到了这个 StackOverflow 问题,如果您之前提交过包含此字段的表单,它并不能解决问题。
编辑:这不适用于密码字段。
当我尝试在Chrome中更改密码时,总会有一个下拉列表,其中包含"使用密码:"选项.是否可以将其删除?我尝试过autocomplete ="off"和autocomplete ="false"但没有成功.
我尝试使用自动完成false和自动完成关闭。缓存已从字段中删除,但仍然可以看到Chrome自动填充数据。有没有办法禁用角形形式的chrome自动填充选项?任何建议,将不胜感激。谢谢
好的,所以我知道这个 autocomplete="off" 标签应该如何处理除密码字段之外的所有输入,我已经搜索了我的特定问题的答案,但看起来我是唯一一个遇到这个问题的人。我知道我可以将它添加到表单元素或单个输入元素。我的文档类型设置为:<!DOCTYPE html>。
我有一个包含 2 个问题的表单(针对此示例进行了简化):姓名和电话。出于测试目的,我在两个字段和表单元素中都添加了 autocomplete="off"。
这是我的表格:
<form id="myform" autocomplete="off">
<input autocomplete="off" type="text" name="name" />
<input autocomplete="off" type="text" name="phone" />
</form>
Run Code Online (Sandbox Code Playgroud)
该表单完全忽略了 autocomplete="off" 并建议了我的姓名和电话号码。
有人有任何想法吗?

我有一个使用HTML / PHP编写并带有登录屏幕的Web应用程序。如果Chrome用户登录并导航到主页,浏览器会为他们提供保存密码的选项:
然后,我们某些点击“保存”的用户将看到其用户名出现在与登录功能无关的字段中:
输入字段应如下所示。没有任何价值:
这是输入字段的代码:
<input type="text" id="searchInput" autocomplete="disabled" placeholder="Search..." >
Run Code Online (Sandbox Code Playgroud)
和其他问题一样,我尝试了所有可能的解决方案,以通过autocomplete属性禁用此字段的任何一种自动填充功能,但是没有运气。
此外,创建伪造的隐藏字段之类的解决方案也不起作用(这显然曾经起作用,但是Google发现了这种做法并加以解决)
如何阻止Chrome执行此操作?
编辑:我已经能够解决此问题,方法是将字段最初设置为只读:
<input type="text" id="searchInput" onfocus="this.removeAttribute('readonly');" readonly autocomplete="disabled" placeholder="Search...">
Run Code Online (Sandbox Code Playgroud)
实际上,我不必为每个领域都这样做。但根据此,谷歌Chrome犯规约复杂的web界面的易用性这么多照顾那些喜欢CRM系统:
这里最棘手的部分是,在整个Web旅程中,某个地方的autocomplete = off成为许多表单字段的默认值,而没有真正考虑过这样做是否对用户有利。这并不意味着在没有非常不希望的情况下,您不希望浏览器自动填充数据(例如,在CRM系统上),但是总的来说,我们将其视为少数情况。因此,我们开始忽略Chrome自动填充数据的autocomplete = off。
因此,我们当中碰巧正在处理“少数群体案件”的人,是否注定要编写类似上述的技巧,以防止Chrome浏览器在随机位置插入用户名?