大家好，关于谷歌浏览器表单自动完成很多朋友都还不太明白，今天小编就来为大家分享关于谷歌浏览器表单自动完成怎么回事的知识，希望对各位有所帮助！

本文目录

1. 谷歌浏览器表单自动填充时如何去除自动添加的默认样式
2. Chrome浏览器无法自动填充表单
3. 谷歌浏览器的作用是什么
4. 谷歌浏览器自动删除历史记录
5. 如何解决在chrome中自动完成表单后input出现黄色背景

一、谷歌浏览器表单自动填充时如何去除自动添加的默认样式

一、发现该问题的原因-是在写账号登录页面时，input表单添加了背景图片，当自动填充，搓搓的一坨淡黄色背景出来。

这个原因是我草率的直接设置在input元素里面，结果问题就来了。所以如果把这个图标放在input表单外面，就不会出现这个问题。

二、表单自动填充会添加浏览器默认样式怎么处理和避免

第二张图，就是表单自动填充后，chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{

background-color: rgb(250, 255, 189);/*#FAFFBD;*/

看到这里添加上这段代码，我会想到使用样式覆盖的方法解决。我完全可以使用!important去提升优先级。但是有个问题，加!important不能覆盖原有的背景、字体颜色，除了chrome默认定义background-color,background-images,color不能使用

!important提升优先级，其他属性均可使用它来提升优先级。

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{

/*-webkit-text-fill-color: red;//这个私有属性是有效的*/

思路有两个，1、通过打补丁，修复bug。2、关闭浏览器自带填充表单功能

情景一：input文本框是纯色背景的

-webkit-box-shadow: 0 0 0px 1000px white inset;

情景二：input文本框是使用图片背景的

if(navigator.userAgent.toLowerCase().indexOf("chrome")= 0)

var _interval= window.setInterval(function(){

var autofills=$('input:-webkit-autofill');

window.clearInterval(_interval);//停止轮询

var clone=$(this).clone(true, true);

$(this).after(clone).remove();

先判断是否是chrome，如果是，则遍历input:-webkit-autofill元素，再通过取值，附加，移除等操作来实现。这个方法没效果!!

所以最后我是不使用图标作为input表单的背景图片，而是多写一个标签，把图标拿到表单外面来。

思路二：关闭浏览器自带填充表单功能

设置表单属性 autocomplete="off/on"关闭自动填充表单，自己实现记住密码

form autocomplete="off" method=".." action=".."

input type="text" name="textboxname" autocomplete="off"

如图：未自动填充前，此时这个邮箱的小图标是inpu表单的背景图片

如图：填充后，邮箱小图标被浏览器默认样式覆盖掉

如果不想多去处理chrome浏览器下表单自动填充出现的添加默认样式，那就把这个小小的图标放到表单外面吧，我这个因为是input框

只有border-bottom，如果这个input框有边框，那么可能需要使用一个div的边框的来假装成input框的边框，然后input框弄成是没有边框的。

二、Chrome浏览器无法自动填充表单

1、还有一些不被信任的网站也是不能自动填充的，谷歌是这么说的：

2、某些网站可能会试图捕获隐藏字段或难以发现的字段中的信息，因此，请勿在您不信任的网站上使用自动填充功能。某些网站会阻止浏览器保存您输入的内容，因此，“Google Chrome浏览器”无法在这些网站上填写表单。

三、谷歌浏览器的作用是什么

1、个人电脑通过浏览器，可以进行网页浏览，收发电子邮件，进行文件传输等。

2、网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与这些文件互动的一种软件。它用来显示在万维网或局部局域网路等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超连结，用户可迅速及轻易地浏览各种资讯。

1，书签和用户信息管理(如密码保存，历史记录）

3，安全性功能，如沙盒，网站数字签名认证，隐私模式，插件版本检测

6，辅助功能，如全屏，网页缩放，快捷键

7，多标签页功能，如固定标签页，静音

8，内容操作，如打印，复制，查找

四、谷歌浏览器自动删除历史记录

1.谷歌浏览器怎么每次退出自动清除历史记录

1、打开浏览器，找到右上角自定义及控制按钮。

1、打开浏览器，找到右上角自定义及控制按钮。

3、打开设置之后，滚动鼠标，找到显示更多设置，点击。

4、找到“隐私设置”，点击“内容设置”。

5、在cookie选项里取消勾选“仅将本地数据保留到您退出浏览器为止”，点击“完成”此时就达到了取消清楚历史记录的方法。

Google Chrome浏览器如何设置自动清除历史记录，下面介绍两种方法： 1、打开Google Chrome浏览器，快捷键Ctrl+Shift+N，或者点击浏览器右上角选项图标，如图：来打开隐身浏览，左上角出现一个带有帽子和墨镜的小人，表示您已进入隐身模式。

在您关闭所有隐身标签页后，您在这些标签页中查看的网页不会在浏览器历史记录、Cookie存储区或搜索记录中留下任何痕迹。只是，您下载的所有文件或创建的书签均会保留下来。

但是，这并不意味着您能完全隐身。即使您进入隐身模式，您的雇主、互联网服务提供商和您访问的网站仍然能看到您的浏览活动。

2、打开Google Chrome浏览器，打开应用商店。在搜索栏中输入Click&Clean回车（确定）。

点击免费添加扩展插件——添加。等待浏览器自动安装，点击install，系统会自动安装Click&Clean APP完成后点击，OpenGuide就正式安装扩展完成，可以在官网浏览一下信息。

清除隐私数据当您关闭浏览器：-清除浏览历史记录，清除下载历史记录-清空缓存-删除 Cookie-清除已保存的密码，清除已保存的表单数据- Delete Web Local Storages- Delete Extension Local Storages- Delete Web SQL Databases- Delete Extension SQL Databases- Google Gears认证数据删除-删除所有 Flash本地共享对象（LSO）-移除所有 Silverlight Cookies-清洁的Java缓存-清空回收站-安全删除文件， Bruce Schneier的算法（7传递）高级：-浏览器关闭时运行外部应用程序-关闭所有窗口/标签前清理-不要关闭最后一个活动标签。

一、首先，打开谷歌浏览器，然后在浏览器的左上方三杆标志。

二、然后，在下拉菜单选择“设置”点击打开。

三、然后，在“设置”中底部找到“显示高级内容”，点击打开。

四、然后，咋“隐私设置”中点击“内容设置”，点击打开。

五、最后，勾选“仅将本地数据保留到您退出浏览器位置”，确定保存，谷歌浏览器设置自动清除记录完成，问题解决。

五、如何解决在chrome中自动完成表单后input出现黄色背景

透明input，表单自动填充的黄色（常出现在谷歌浏览器）

1.将密码框设置为普通输入框，获得光标后改为密码框，缺点：密码框是正常了，用户名还是黄色的

input type="text" class="form-control input-pwd" required="" placeholder="请输入密码" name="idp_cred" onfocus="this.attr('type','password')"/>

2.关闭自动完成，在用户名框、密码框后面都加上关闭自动完成属性，缺点：部分谷歌浏览器会失效

input type="text" class="form-control" required="" placeholder="请输入" name="idp_cred" autocomplete="off"/>

3.将以上两个方法结合起来，用户名框、密码框关闭自动完成，密码框设置成普通输入框，获得光标后动态改为密码框，缺点：页面不简洁，优点：测试所有浏览器都有效

<input type="text" class="form-control input-user" required="" placeholder="请输入账号" name="idpUser" autocomplete="off"/>

<input type="text" class="form-control input-pwd" required="" placeholder="请输入密码" name="idp_cred" autocomplete="off" onfocus="$(this).attr('type','password')"/>

OK，本文到此结束，希望对大家有所帮助。