（Form表单自动填充）浏览器自动填充表单很恶心怎么去掉，很恶心

最新推荐文章于 2024-02-02 12:29:13 发布

风吹蛋蛋飘~

最新推荐文章于 2024-02-02 12:29:13 发布

阅读量2.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： form表单填充 form表单自动填充去掉百度一大堆垃圾 form表单自动填充牛逼去掉 form表单自动填充去掉可行方法

本文链接：https://blog.youkuaiyun.com/baidu_26504655/article/details/81180132

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了三种禁用网页表单自动填充的有效方法，包括针对谷歌浏览器的特定设置、使用JavaScript脚本来阻止自动填充功能以及通过CSS样式清除自动填充后的背景色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度一大堆垃圾都不行，下面这些是实际可行的方法

第一种方法：

input设置autocomplete="off"是不起作用的，必须设置new-password。但是这种只对谷歌浏览器有效。

第二种方法：

JS代码（对一切谷歌内核浏览器有效）

<script>
        //防止表单自动填充（谷歌内核）
        (function ($) {
            if (navigator.userAgent.toLowerCase().indexOf("chrome") != -1) {
                var inputers = document.getElementsByTagName("input");
                for (var i = 0; i < inputers.length; i++) {
                    if ((inputers[i].type !== "submit") && (inputers[i].type !== "password")) {
                        inputers[i].disabled = true;
                    }
                }
                setTimeout(function () {
                    for (var i = 0; i < inputers.length; i++) {
                        if (inputers[i].type !== "submit") {
                            inputers[i].disabled = false;
                        }
                    }
                }, 100)
            }
        })(jQuery);
    </script>

第三种方法：

只能清除屎黄背景CSS

<style>
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset !important;
    }

    input:-webkit-autofill {
        transition: background-color 5000s ease-in-out 0s;
    }
</style>

———来自原创风吹蛋蛋飘~