(Form表单自动填充)浏览器自动填充表单很恶心怎么去掉,很恶心

前端 专栏收录该内容
1 篇文章 0 订阅

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

 

第一种方法:

    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>

 

 

 

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

  • 2
    点赞
  • 2
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值