相关疑难解决方法(0)

如何避免 Chrome 在自动填充输入上隐藏背景图像和颜色

Chrome浏览器自动填充去除的效果background-color,并background-imageUsernamePassword输入字段。

自动完成前

在此处输入图片说明

自动完成后

在此处输入图片说明

但是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)

html javascript css google-chrome

13
推荐指数
1
解决办法
1690
查看次数

以编程方式停用Chrome自动填充功能

互联网上有一些关于这方面的讨论(特别是关于堆栈溢出),但其中很多都是从2015年左右开始的,所以我想知道是否有人有近期的经验.

我们使用JavaScript小部件为Web表单上的预先键入搜索功能提供支持,但此UI始终与Chrome自动填充重叠.

虽然autocomplete=“off”用来工作,Chrome浏览器现在似乎忽略这个值了,反正显示的UI.我唯一可以找到适用于OSX上的Chrome 66/67的是无效值,例如autocomplete=“blah”.这看起来似乎过于粗略,我们之前已经对此进行过实验,在某些情况下/ Chrome版本会被忽略.

有没有人喜欢使用HTML/Javascript关闭它的可靠方法?

作为旁注 - 看起来甚至Google也无法在需要时将其关闭,因为他们自己的谷歌地图预先输入小部件被Chrome自动填充覆盖.这可以在大多数Shopify商店看到.

html javascript google-chrome

12
推荐指数
4
解决办法
1万
查看次数

停用Google Chrome自动填充/自动填充/建议

我想禁用谷歌浏览器自动完成/自动填充/ 使用密码建议
类似于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?

注意:我知道重复的问题.这些建议都没有奏效(因为我现在正在打字).

谢谢 :)

html google-chrome autocomplete autofill

11
推荐指数
1
解决办法
4万
查看次数

在chrome 66中禁用自动完成功能

有没有办法在chrome 66中的文本字段上禁用自动完成功能?我尝试了很多选项,例如:

  1. 自动填充="关闭"
  2. 自动填充="假"
  3. 自动填充="禁用"
  4. autocomplete ="something-new"等

谁能帮我这个?

另外,如果用户名下面有密码类型字段,Chrome会自动为用户名启用自动填充功能吗?

html google-chrome autocomplete

11
推荐指数
1
解决办法
4889
查看次数

禁用Chrome 66的自动填充功能

使用chrome 66,我无法找到一种方法来禁用文本输入上的自动完成功能.我试过autocomplete="off",autocomplete="new-password"直到Chrome 63,我认为但不再工作.

有没有新的方法来禁用此功能?

谢谢 !

google-chrome autocomplete

10
推荐指数
1
解决办法
4385
查看次数

如何禁用 Chrome 自动填充功能(2020 年后)

我碰到这个问题绊了几次,在过去的一段时间,在那里铬忽略autocomplete="false"autocomplete="off"autocomplete="whatever"如果有人之前提交过带有随机“hack”的表单,它现在甚至会忽略或您做任何事情来欺骗它。

在尝试解决此问题时,我遇到了这个 StackOverflow 问题,如果您之前提交过包含此字段的表单,它并不能解决问题。

编辑:这不适用于密码字段。

google-chrome autocomplete autofill

10
推荐指数
4
解决办法
1万
查看次数

如何删除密码建议Chrome

当我尝试在Chrome中更改密码时,总会有一个下拉列表,其中包含"使用密码:"选项.是否可以将其删除?我尝试过autocomplete ="off"和autocomplete ="false"但没有成功.

在此输入图像描述

html google-chrome autocomplete autofill

9
推荐指数
2
解决办法
9194
查看次数

有没有一种方法可以禁用角形字段的Chrome自动填充选项

我尝试使用自动完成false和自动完成关闭。缓存已从字段中删除,但仍然可以看到Chrome自动填充数据。有没有办法禁用角形形式的chrome自动填充选项?任何建议,将不胜感激。谢谢

javascript google-chrome angular

9
推荐指数
5
解决办法
9220
查看次数

自动完成“关闭”被完全忽略

好的,所以我知道这个 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 forms autocomplete

8
推荐指数
2
解决办法
1万
查看次数

Chrome浏览器的“保存密码”功能将用户名放在不相关的字段中

我有一个使用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浏览器在随机位置插入用户名?

html html5 google-chrome autofill

8
推荐指数
1
解决办法
387
查看次数

标签 统计

google-chrome ×9

html ×7

autocomplete ×6

autofill ×4

javascript ×3

angular ×1

css ×1

forms ×1

html5 ×1