CSS aracılığıyla otomatik tamamlamayı devre dışı bırakın

Bir form öğesinde (özellikle bir metin alanında) otomatik tamamlamayı devre dışı bırakmak için CSS kullanmak mümkün müdür?

Otomatik tamamlama öğesine izin vermeyen bir etiket kitaplığı kullanıyorum ve Javascript kullanmadan otomatik tamamlamayı devre dışı bırakmak istiyorum.

Oluşturulan idve nameher seferinde farklı olan bir kullanabilirsiniz , böylece tarayıcı bu metin alanını hatırlayamaz ve bazı değerler öneremez.

Bu en azından tarayıcılar arası güvenli bir alternatiftir, ancak RobertsonM'den ( autocomplete="off") gelen cevaba gitmenizi tavsiye ederim .

Hali hazırda olduğu gibi, CSS'de "otomatik tamamlama kapalı" özelliği yoktur. Ancak, html'nin bunun için kolay bir kodu vardır:

<input type="text" id="foo" value="bar" autocomplete="off" />

Site çapında bir efektör arıyorsanız, kolay olanı, tüm 'girişleri' çalıştırmak ve bu etiketi eklemek veya karşılık gelen css sınıfını / kimliğini aramak için bir js işlevine sahip olmak olacaktır.

Otomatik tamamlama özelliği Chrome ve Firefox'ta (!) İyi çalışıyor, ancak ayrıca bkz. HTML formunda otomatik tamamlamayı devre dışı bırakmak için W3C geçerli bir yol var mı?

jQuery ile kolayca uygulayabilirsiniz

$('input').attr('autocomplete','off');

Bir kullanıyorsanız form, tüm otomatik tamamlamaları ile devre dışı bırakabilirsiniz,

<form id="Form1" runat="server" autocomplete="off">

CSS'nin bu yeteneği yoktur. İstemci tarafı komut dosyası kullanmanız gerekir.

Bu soru cevaplarından ve web'deki diğer makalelerden önerilen tüm yolları denedim ama yine de çalışmıyorum. Form öğesinde autocomplete = "new-random-value", autocomplete = "off" komutunu aşağıdaki gibi istemci tarafı komut dosyasını kullanarak ancak belirtilen kullanıcılardan biri olarak $ (document) .ready () dışında kullanarak denedim:

$(':input').on('focus', function () {
  $(this).attr('autocomplete', 'off')
});

Tarayıcıda belki başka bir öncelik buldum çünkü bu garip davranış! Bu yüzden daha fazla araştırdım ve sonunda, bu güzel makalenin satırlarının altını dikkatlice okudum :

Bu nedenle, birçok modern tarayıcı, oturum açma alanları için autocomplete = "off" özelliğini desteklemez:

Bir site, a için autocomplete = "off" olarak ayarlanmışsa ve form, kullanıcı adı ve şifre giriş alanlarını içeriyorsa, tarayıcı yine de bu girişi hatırlamayı teklif edecek ve kullanıcı kabul ederse, tarayıcı bu alanları kullanıcının bir sonraki sefer sayfayı ziyaret eder. Bir site, kullanıcı adı ve şifre alanları için autocomplete = "off" değerini ayarlarsa, tarayıcı yine de bu girişi hatırlamayı teklif edecek ve kullanıcı kabul ederse, tarayıcı bu alanları kullanıcının sayfayı bir sonraki ziyaretinde otomatik olarak dolduracaktır. Bu Firefox'taki (sürüm 38'den beri), Google Chrome'daki (34'ten beri) ve Internet Explorer'daki (sürüm 11'den beri) davranıştır.

Bir kullanıcının başka bir kişi için yeni bir şifre belirleyebileceği bir kullanıcı yönetimi sayfası tanımlıyorsanız ve bu nedenle şifre alanlarının otomatik olarak doldurulmasını önlemek istiyorsanız, autocomplete = "new-password" ; ancak, bu değer için destek Firefox'ta uygulanmamıştır.

Sadece çalıştı. Chrome'da özel olarak denedim ve umarım bu çalışmaya devam eder ve başkalarına yardımcı olur.

Tüm girişler için sahte bir otomatik tamamlama adı ekleyerek sorunu çözdüm.

$("input").attr("autocomplete", "fake-name-disable-autofill");

Bunun 3 yolu var, daha iyi olması için onlardan bahsediyorum ...

1-HTML yolu:

<input type="text" autocomplete="false" />

2-Javascript yolu:

document.getElementById("input-id").getAttribute("autocomplete") = "off";

3-jQuery yolu:

$('input').attr('autocomplete','off');

@ Ahhmarr'ın çözümü sayesinde, ilgilenen herkes için burada paylaşacağım Angular + ui-router ortamımda aynı sorunu çözebildim .

Benim içinde index.htmlI ettik aşağıdaki senaryoyu ekledi:

<script type="text/javascript">
    setTimeout(function() {
        $('input').attr('autocomplete', 'off');
    }, 2000);
</script>

Ardından durum değişikliklerini kapsamak için, kök denetleyicime aşağıdakileri ekledim:

$rootScope.$on('$stateChangeStart', function() {
                $timeout(function () {
                    $('input').attr('autocomplete', 'off');
                }, 2000);
            });

Zaman aşımları, jquery uygulanmadan önce html'nin işlenmesi içindir.

Daha iyi bir çözüm bulursanız lütfen bana bildirin.

Otomatik tamamlamayı devre dışı bırakmak için CSS kullanamazsınız, ancak HTML kullanabilirsiniz:

<input type="text" autocomplete="false" />

Teknik falseolarak herhangi bir geçersiz değerle değiştirebilirsiniz ve işe yarayacaktır. Bu iOS, Edge'de de çalışan bulduğum tek çözüm.

Bunun 'new-password'yerine 'off'otomatik tamamlamada kullanıyorum.

ve ayrıca bu kodu kullanmayı denedim ve çalışıyor (en azından benim tarafımdan), bilginiz için WP ve GravityForm kullanıyorum

$('input').attr('autocomplete','new-password');

$('input').attr('autocomplete','off');