Çeşitli formlarda krom otomatik doldurma davranışı ile ilgili sorunlar yaşıyorum.

Formdaki alanların tümü "e-posta", "ad" veya "şifre" gibi çok yaygın ve doğru adlara sahiptir ve ayrıca autocomplete="off" ayarlanmıştır.

Otomatik tamamlama bayrağı, yazmaya başladığınızda değerlerin düştüğü otomatik tamamlama davranışını başarıyla devre dışı bıraktı, ancak Chrome'un alanları otomatik olarak doldurduğu değerleri değiştirmedi.

Bu davranış, kromun girişleri yanlış doldurması, örneğin telefon girişini bir e-posta adresiyle doldurması dışında sorun yaratmaz. Müşteriler bundan şikayet etti, bu yüzden makinemde yerel olarak yaptığım bir şey için bir çeşit sonuç olarak değil, birden fazla durumda olduğu doğrulandı.

Aklıma gelen tek geçerli çözüm, dinamik olarak özel giriş adları oluşturmak ve ardından arka uçtaki değerleri çıkarmaktır, ancak bu, bu soruna oldukça çirkin bir yol gibi görünüyor. Bunu düzeltmek için kullanılabilecek otomatik doldurma davranışını değiştiren herhangi bir etiket veya tuhaflık var mı?

Yeni Chrome sürümleri autocomplete="new-password"için şifre alanınıza girebilirsiniz ve hepsi bu kadar. Kontrol ettim, iyi çalışıyor.

Bu tartışmada Chrome geliştiricisinden bu ipucunu aldım: https://bugs.chromium.org/p/chromium/issues/detail?id=370363#c7

Not: Chrome'un otomatik doldurma davranışını ad, kimlik ve etiketleri ve gelişigüzel metin düğümleri de dahil olmak üzere alanı çevrelediği metin içeriğinden çıkarmaya çalışacağını unutmayın. street-addressBağlamda olduğu gibi bir otomatik tamamlama belirteci varsa , Chrome bunu otomatik olarak dolduracaktır. Sezgisel tarama bazen kafa karıştırıcı olabilir, çünkü bazen sadece formda ek alanlar varsa veya formda çok az alan varsa tetiklenemez. Ayrıca, autocomplete="no"bunun işe yarayacağını ancak autocomplete="off"tarihsel nedenlerle olmayacağını unutmayın. autocomplete="no"tarayıcıya bu alanın otomatik olarak adlandırılan bir alan olarak doldurulması gerektiğini söylüyorsunuz "no". Benzersiz rastgele autocompleteadlar oluşturursanız, otomatik tamamlamayı devre dışı bırakırsınız.

Kullanıcılarınız kötü formları ziyaret ettiyse, otomatik doldurma bilgileri bozuk olabilir . Manuel olarak girmelerini ve otomatik doldurma bilgilerini Chrome'da düzeltmelerini sağlamak, onlardan yapılması gereken bir işlem olabilir.

Bir site için hatırlanan bir kullanıcı adınız ve şifreniz varsa, Chrome'un mevcut sürümünün kullanıcı adınızı / e-posta adresinizi herhangi bir alandan önceki alana otomatik olarak dolduracağını öğrendim type=password. Alanın ne denildiği umurumda değil - sadece şifrenizin kullanıcı adınız olacağı varsayılır.

Eski Çözüm

Sadece kullanın <form autocomplete="off">ve bir tarayıcının yapabileceği varsayımlara dayanarak (genellikle yanlış olan) her türlü sezgisel dolgunun yanı sıra parolanın doldurulmasını önler. Kullanmanın aksine <input autocomplete="off">, şifre otomatik doldurma tarafından göz ardı ediliyor gibi görünüyor (Chrome'da, Firefox buna uyuyor).

Güncellenmiş Çözüm

Chrome artık yok sayar <form autocomplete="off">. Bu nedenle (ki sildiğim) orijinal geçici çözümüm artık tüm öfke.

Birkaç alan oluşturun ve bunları "display: none" ile gizleyin. Misal:

<!-- fake fields are a workaround for chrome autofill getting the wrong fields -->
<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

Sonra gerçek alanlarınızı altına koyun.

Yorumunuzu eklemeyi unutmayın, yoksa ekibinizdeki diğer kişiler ne yaptığınızı merak edecektir!

Mart 2016 Güncellemesi

Sadece en son Chrome ile test edildi - hepsi iyi. Bu oldukça eski bir cevap ama sadece ekibimizin yıllardır düzinelerce projede kullandığını belirtmek istiyorum. Aşağıdaki birkaç yoruma rağmen hala harika çalışıyor. Erişilebilirlikle ilgili herhangi bir sorun yoktur, çünkü alanlar display:noneodaklanmadıkları anlamına gelir. Bahsettiğim gibi, onları gerçek alanlarınızın önüne koymanız gerekiyor .

Formunuzu değiştirmek için javascript kullanıyorsanız, ihtiyacınız olacak ekstra bir numara vardır. Formu işlerken sahte alanları gösterin ve bir milisaniye sonra tekrar gizleyin.

JQuery kullanan örnek kod (sahte alanlarınıza bir sınıf verdiğinizi varsayarsak):

        $(".fake-autofill-fields").show();
        // some DOM manipulation/ajax here
        window.setTimeout(function () {
            $(".fake-autofill-fields").hide();
        },1);

Temmuz 2018 Güncellemesi

Chrome'un kullanılabilirlik önleme uzmanları iş başında olduğundan çözümüm artık çok iyi çalışmıyor. Ama bize şu şekilde bir kemik fırlattılar:

<input type="password" name="whatever" autocomplete="new-password" />

Bu işe yarar ve çoğunlukla sorunu çözer.

Ancak, şifre alanınız değil, sadece bir e-posta adresiniz olduğunda çalışmaz. Aynı zamanda sararmayı ve doldurmayı bırakmasını sağlamak da zor olabilir. Bunu düzeltmek için sahte alanlar çözümü kullanılabilir.

Aslında bazen iki sahte alan bırakmanız ve farklı yerlerde denemeniz gerekir. Örneğin, formumun başında zaten sahte alanlar vardı, ancak Chrome yakın zamanda 'E-posta' alanımı tekrar doldurmaya başladı - bu yüzden ikiye katlandım ve 'E-posta' alanından hemen önce daha fazla sahte alan koydum ve bu düzeltildi . Alanların birinci veya ikinci lotunun kaldırılması, aşırı aşırı otomatik doldurmaya geri döner.

Güncelleme Mar 2020

Bu çözümün hala çalışıp çalışmadığı ve ne zaman çalıştığı açık değildir. Hala çalışıyor gibi görünüyor ama her zaman değil.

Aşağıdaki yorumlarda birkaç ipucu bulacaksınız. @Anilyeni tarafından eklenen bir tane daha araştırmaya değer olabilir:

Fark ettiğim gibi autocomplete="off", Chrome 80'de çalışıyor, EĞER 3 öğeden daha az ise<form> . Mantığın ne olduğunu veya bununla ilgili belgelerin nerede olduğunu bilmiyorum.

Ayrıca test etmedim de, @dubrox gelen bu ilgili olabilir:

hile için çok teşekkürler, ama display:none;artık çalışmıyor gibi cevap güncelleyin , ama position: fixed;top:-100px;left:-100px; width:5px;:)

NİSAN 2020'yi güncelle

Bu özellik için krom için özel değer işi yapıyor: (girişte test edildi - ancak benim tarafımdan değil) autocomplete="chrome-off"

Aylar ve aylar süren mücadeleden sonra, çözümün hayal edebileceğinizden çok daha basit olduğunu gördüm:

Yerine autocomplete="off"kullanımıautocomplete="false" ;)

Bu kadar basit ve Google Chrome'da da bir cazibe gibi çalışıyor!

Ağustos 2019 güncellemesi (yorumlarda @JonEdiger'e verilen kredi)

Not: Çevrimiçi olarak birçok bilgi, tarayıcıların artık autocomplete = 'false' ifadesinin autocomplete = 'off' ile aynı olduğunu söylüyor. En azından bu dakikadan itibaren, bu üç tarayıcı için otomatik tamamlamayı engelliyor.

Form düzeyinde ayarlayın ve ardından istediğiniz girdiler için 'none' gibi geçerli olmayan bir değere ayarlayın:

<form autocomplete="off"> 
  <input type="text" id="lastName" autocomplete="none"/> 
  <input type="text" id="firstName" autocomplete="none"/>
</form>

Bazen bile autocomplete=off kimlik bilgilerinin yanlış alanlara doldurulmasını engellemez.

Çözüm, salt okunur mod kullanarak tarayıcı otomatik doldurmayı devre dışı bırakmak ve odakta yazılabilir olarak ayarlamaktır:

 <input type="password" readonly onfocus="this.removeAttribute('readonly');"/>

focusOlay fare tıklaması gerçekleşir ve alanlar arasında sekme.

Güncelleme:

Mobil Safari, alanda imleci ayarlar, ancak sanal klavyeyi göstermez. Bu yeni geçici çözüm önceki gibi çalışır, ancak sanal klavyeyi kullanır:

<input id="email" readonly type="email" onfocus="if (this.hasAttribute('readonly')) {
    this.removeAttribute('readonly');
    // fix for mobile safari to show virtual keyboard
    this.blur();    this.focus();  }" />

Canlı Demo https://jsfiddle.net/danielsuess/n0scguv6/

// UpdateEnd

Açıklama: Tarayıcı otomatik olarak kimlik bilgilerini yanlış metin alanına mı dolduruyor?

girişlerin yanlış doldurulması, örneğin telefon girişinin bir e-posta adresiyle doldurulması

Bazen , aynı formda şifre alanları olduğunda Chrome ve Safari'de bu garip davranışı fark ediyorum . Sanırım tarayıcı, kayıtlı kimlik bilgilerinizi girmek için bir şifre alanı arar. Ardından, kullanıcı adını otomatik olarak DOM'daki şifre alanından önce görünen (yalnızca gözlem nedeniyle tahmin) en yakın metin benzeri giriş alanına doldurur . Tarayıcı son örnek olduğu ve kontrol edemediğiniz için,

Yukarıdaki bu salt okunurluk benim için çalıştı.

Bir arama kutusu özelliği uyguluyorsanız, ayarlamayı deneyin typeiçin niteliğini searchaşağıdaki gibi:

<input type="search" autocomplete="off" />

Bu benim için Chrome v48'de çalışıyor ve meşru bir işaretleme gibi görünüyor:

https://www.w3.org/wiki/HTML/Elements/input/search

Bunu dene. Sorunun biraz eski olduğunu biliyorum, ama bu sorun için farklı bir yaklaşım.

Ayrıca sorunun hemen üstesinden geldiğini fark ettim. password alanın .

Her iki yöntemi de denedim

<form autocomplete="off"> ve <input autocomplete="off"> ancak bunların hiçbiri benim için çalıştı.

Bu yüzden aşağıdaki snippet'i kullanarak düzelttim - şifre türü alanının hemen üstüne başka bir metin alanı ekledim ve yaptım display:none .

Bunun gibi bir şey:

<input type="text" name="prevent_autofill" id="prevent_autofill" value="" style="display:none;" />
<input type="password" name="password_fake" id="password_fake" value="" style="display:none;" />
<input type="password" name="password" id="password" value="" />

Umarım birine yardım eder.

Nedenini bilmiyorum, ama bu bana yardımcı oldu ve çalıştı.

<input type="password" name="pwd" autocomplete="new-password">

Neden olduğu hakkında hiçbir fikrim yok, ancak autocompelete = "new-password" otomatik doldurmayı devre dışı bırakır. En son 49.0.2623.112 krom versiyonunda çalıştı .

Benim için basit

<form autocomplete="off" role="presentation">

Yaptım.

Birden fazla versiyonda test edildi, son deneme 56.0.2924.87 tarihinde yapıldı

Bu özelliği eklemelisiniz:

autocomplete="new-password"

Kaynak Bağlantı: Makale

Çok basit ve zor :)

google chrome temelde , içindeki her görünür şifre öğesini arar ve bunlar için otomatik doldurmayı etkinleştirmek için etiketler, bu nedenle bunu devre dışı bırakmak için aşağıdaki gibi bir sahte şifre öğesi eklemeniz gerekir:<form><body><iframe>

1. • parola öğeniz bir <form>etiketin içinde ise, kukla öğeyi <form>açık etiketten hemen sonra formunuzdaki ilk öğe olarak koymanız gerekir

   • parola öğeniz bir <form>etiketin içinde değilse , kukla öğeyi <body>açık etiketten hemen sonra html sayfanızdaki ilk öğe olarak koyun

2. Kukla öğeyi css kullanmadan gizlemeniz gerekir, display:nonebu nedenle temel olarak aşağıdakileri kukla bir şifre öğesi olarak kullanın.

   <input type="password" style="width: 0;height: 0; visibility: hidden;position:absolute;left:0;top:0;"/>

İşte önerdiğim çözümler, çünkü Google insanların yaptığı her türlü çözümü geçersiz kılmakta ısrar ediyor.

Seçenek 1 - Tıklandığında tüm metni seçin

Girişlerin değerlerini kullanıcı için bir örneğe (örneğin your@email.com) veya alanın etiketine (örneğin Email) ayarlayın ve focus-selectgirişlerinize çağrılan bir sınıf ekleyin :

<input type="text" name="email" class="focus-select" value="your@email.com">
<input type="password" name="password" class="focus-select" value="password">

Ve işte jQuery:

$(document).on('click', '.focus-select', function(){
  $(this).select();
});

Chrome'un değerlerle uğraştığını gerçekten göremiyorum. Bu çılgınca olurdu. Umarım bu güvenli bir çözümdür.

Seçenek 2 - E-posta değerini bir boşluğa ayarlayın, ardından silin

E-posta ve şifre gibi iki girişiniz olduğunu varsayarsak, e-posta alanının değerini " "(boşluk) olarak ayarlayın ve niteliği / değeri ekleyin autocomplete="off", ardından bunu JavaScript ile temizleyin. Şifre değerini boş bırakabilirsiniz.

Kullanıcının herhangi bir nedenle JavaScript'i yoksa, alanı silmemesi ihtimaline karşı giriş sunucusu tarafını (muhtemelen yine de olması gerekir) kırptığınızdan emin olun.

İşte jQuery:

$(document).ready(function() {
  setTimeout(function(){
    $('[autocomplete=off]').val('');
  }, 15);
});

Zaman aşımı ayarladım 15çünkü5 testlerimde ara sıra çalışıyor gibi görünüyordu, bu yüzden bu sayıyı tizlemek güvenli bir bahis gibi görünüyor.

Başlangıç ​​değerinin bir boşluğa ayarlanmaması, Chrome'un girişi otomatik doldurmuş gibi sarı olarak bırakmasına neden olur.

Seçenek 3 - Gizli Girişler

Bunu formun başına koyun:

<!-- Avoid Chrome autofill -->
<input name="email" class="hide">

CSS:

.hide{ display:none; }

HTML notunu diğer geliştiricilerinizin silmemesi için saklayın! Ayrıca gizli girişin adının alakalı olduğundan emin olun.

Css text-security kullanın : type = password kullanmadan disk .

html

<input type='text' name='user' autocomplete='off' />
<input type='text' name='pass' autocomplete='off' class='secure' />

or

<form autocomplete='off'>
    <input type='text' name='user' />
    <input type='text' name='pass' class='secure' />
</form>

css

input.secure {
    text-security: disc;
    -webkit-text-security: disc;
}

Bazı durumlarda, otomatik tamamlama özelliği kapalı olarak ayarlanmış olsa bile tarayıcı otomatik tamamlama değerleri önerir. Bu beklenmedik davranış, geliştiriciler için oldukça şaşırtıcı olabilir. Otomatik tamamlamayı gerçekten zorlamanın hilesi , özniteliğe rastgele bir dize atamaktır , örneğin:

autocomplete="nope"

Bunu bir forma eklemenin Chrome'un Otomatik Doldur özelliğini kullanmasını engellediğini tespit ettim.

<div style="display: none;">
    <input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div>

Burada bulundu. https://code.google.com/p/chromium/issues/detail?id=468153#hc41

Chrome'un ne zaman Otomatik Tamamlama konusunda geliştiriciden daha iyi bildiğine karar verdiğine gerçekten hayal kırıklığı. Gerçek bir Microsoft hissi var.

<input readonly onfocus="this.removeAttribute('readonly');" type="text">

etikete salt okunur özellik eklenmesi, onfocus olayının kaldırılmasıyla birlikte sorunu giderir

Kullanıcı adı şifre kombinasyonları için bu sorunu çözmek kolaydır. Krom buluşsal yöntemi kalıbı arar:

<input type="text">

bunu takiben:

<input type="password">

Bunu geçersiz kılarak bu işlemi kırmanız yeterlidir:

<input type="text">
<input type="text" onfocus="this.type='password'">

Mike Nelsons sağlanan çözüm benim için Chrome 50.0.2661.102 m işe yaramadı sağladı. Ekranla aynı türden bir girdi öğesi eklemek yeterlidir: ayarlananlar artık yerel tarayıcının otomatik olarak tamamlanmasını devre dışı bırakmaz. Artık otomatik tamamlamayı devre dışı bırakmak istediğiniz giriş alanının ad özniteliğini çoğaltmak gerekir.

Ayrıca, giriş alanının bir form öğesindeyken çoğaltılmasını önlemek için, görüntülenmeyen öğeye devre dışı bırakmanız gerekir. Bu, söz konusu öğenin form eyleminin bir parçası olarak gönderilmesini engelleyecektir.

<input name="dpart" disabled="disabled" type="password" style="display:none;">
<input name="dpart" type="password">
<input type="submit">

2016 yılında Google Chrome, W3C'de autocomplete=offolmasına rağmen yok saymaya başladı . Gönderdikleri cevap :

Buradaki zor kısım, web autocomplete = off yolculuğu boyunca bir yerde, kullanıcılar için iyi olup olmadığı konusunda gerçek bir düşünce verilmeden birçok form alanı için bir varsayılan haline gelmesidir. Bu, tarayıcının otomatik doldurma verilerini (örneğin CRM sistemlerinde) istemediğiniz çok geçerli durumlar olmadığı anlamına gelmez, ancak genel olarak bunları azınlık vakaları olarak görüyoruz. Sonuç olarak, Chrome Otomatik Doldurma verileri için autocomplete = off'u yok saymaya başladık.

Esasen şunu söylüyor: Bir kullanıcının ne istediğini daha iyi biliyoruz.

Autocomplete = off gerektiğinde geçerli kullanım durumlarını göndermek için başka bir hata açtılar

Tüm B2B uygulamamda otomatik tamamlama ile ilgili sorunları görmedim, ancak sadece bir şifre türü girişi ile.

Ekranda gizli bir şifre olsa bile otomatik doldurma adımlarını atar. Bu mantığı kırmak için, kendi sayfa mantığınızı kırmazsa, her şifre alanını kendi formuna koyabilirsiniz.

<input type=name >

<form>
    <input type=password >
</form>

Yer tutucuları tutmakla ancak krom otomatik doldurmayı devre dışı bırakmakla ilgili sorun yaşıyorsanız bu geçici çözümü buldum.

Sorun

HTML

<div class="form">
    <input type="text" placeholder="name"><br>
    <input type="text" placeholder="email"><br>
    <input type="text" placeholder="street"><br>
</div>

http://jsfiddle.net/xmbvwfs6/1/

Yukarıdaki örnek yine de otomatik doldurma sorununu üretir, ancak required="required"ve bazı CSS kullanırsanız yer tutucuları çoğaltabilirsiniz ve Chrome etiketleri almayacaktır.

Çözüm

HTML

<div class="form">
    <input type="text" required="required">
    <label>Name</label>  
    <br>
    <input type="text" required="required">
    <label>Email</label>    
    <br>
    <input type="text" required="required">
    <label>Street</label>    
    <br>
</div>

CSS

input {
    margin-bottom: 10px;
    width: 200px;
    height: 20px;
    padding: 0 10px;
    font-size: 14px;
}
input + label {
    position: relative;
    left: -216px;
    color: #999;
    font-size: 14px;
}
input:invalid + label { 
    display: inline-block; 
}
input:valid + label { 
    display: none; 
}

http://jsfiddle.net/mwshpx1o/1/

Gerçekten gizli alanlar yapmaktan hoşlanmadım, bence böyle yapmanın gerçekten çok kafa karıştırıcı olacağını düşünüyorum.

Otomatik tamamlamayı durdurmak istediğiniz giriş alanlarında bu çalışır. Alanların salt okunur olmasını sağlayın ve odakta bu özelliği bu gibi kaldırın

<input readonly onfocus="this.removeAttribute('readonly');" type="text">

bunun için öncelikle alanı seçerek salt okunur özelliğini kaldırmanız gerekir ve o zaman büyük olasılıkla kendi kullanıcı girişinizle doldurulur ve devralmayı otomatik doldurmayı durdurursunuz

Daha önce krom tarafından önbelleğe alınan değerler açılır seçim listesi olarak görüntülenir. Ancak, kromun önbelleğe alınmış değerleri açılır menüde görüntülemesine izin verir.

Bir giriş html alanında aşağıdaki ikisini de kapatacaktır.

Role="presentation" & autocomplete="off"

Adres otomatik doldurma için giriş alanları seçerken Chrome, önceki etiketi html öğesi bulunmayan giriş alanlarını yok sayar.

Krom ayrıştırıcının otomatik doldurma adresi açılır penceresi için bir giriş alanını yok saydığından emin olmak için etiket ve metin kutusu arasına gizli bir düğme veya görüntü kontrolü eklenebilir. Bu, otomatik doldurma için etiket-giriş çifti oluşturma işleminin krom ayrıştırma sırasını kırar. Adres alanları ayrıştırılırken onay kutuları yok sayılır

Chrome, etiket öğesindeki "için" özelliğini de dikkate alır. Krom ayrıştırma dizisini kırmak için kullanılabilir.

Hepimizin bu sorunu olduğu için bu sorun için çalışan bir jQuery uzantısı yazmak için biraz zaman harcadım. Google, html işaretlemesini takip etmek zorunda, Google'ı takip etmiyoruz

(function ($) {

"use strict";

$.fn.autoCompleteFix = function(opt) {
    var ro = 'readonly', settings = $.extend({
        attribute : 'autocomplete',
        trigger : {
            disable : ["off"],
            enable : ["on"]
        },
        focus : function() {
            $(this).removeAttr(ro);
        },
        force : false
    }, opt);

    $(this).each(function(i, el) {
        el = $(el);

        if(el.is('form')) {
            var force = (-1 !== $.inArray(el.attr(settings.attribute), settings.trigger.disable))
            el.find('input').autoCompleteFix({force:force});
        } else {
            var disabled = -1 !== $.inArray(el.attr(settings.attribute), settings.trigger.disable);
            var enabled = -1 !== $.inArray(el.attr(settings.attribute), settings.trigger.enable);
            if (settings.force && !enabled || disabled)
                el.attr(ro, ro).focus(settings.focus).val("");
        }
    });
};
})(jQuery);

Bunu /js/jquery.extends.js gibi bir dosyaya ekleyin ve jQuery'den önce ekleyin . Dokümanın yüklendiği her form öğesine şu şekilde uygulayın:

$(function() {
    $('form').autoCompleteFix();
});

testleri ile jsfiddle

jQueryBenim için çalışan aşağıdaki kodu deneyin .

if ($.browser.webkit) {
    $('input[name="password"]').attr('autocomplete', 'off');
    $('input[name="email"]').attr('autocomplete', 'off');
}

Bunun iki parçası var. Chrome ve diğer tarayıcılar, alan adları için önceden girilen değerleri hatırlayacak ve kullanıcıya bunu temel alan bir otomatik tamamlama listesi sağlayacaktır (özellikle şifre türü girişleri, bu nedenle, oldukça belirgin nedenlerle asla hatırlanmaz). Bunu, autocomplete="off"e-posta alanınız gibi şeylerde önlemek için ekleyebilirsiniz .

Ancak, daha sonra parola doldurucularınız olur. Çoğu tarayıcının kendi yerleşik uygulamaları vardır ve bu işlevselliği sağlayan birçok üçüncü taraf yardımcı programı da vardır. Bu, sen olamaz durdurun. Bu, daha sonra otomatik olarak doldurulacak bilgileri kaydetmek için kendi seçimini yapan kullanıcıdır ve tamamen uygulamanızın kapsamı ve etki alanının dışındadır.

Gereğince # 352347 Krom hata raporu Chrome artık saygı autocomplete="off|false|anythingelse", ne formlara ne de girdilere.

Benim için çalışan tek çözüm sahte bir şifre alanı eklemekti :

<input type="password" class="hidden" />
<input type="password" />

Ayarlayarak autocompleteiçin offburaya çalışması gerektiğini ben arama sayfasında google tarafından kullanılan bir örnek vardır. Bunu teftiş elemanından buldum.

düzenleme : durumunda offdeneyin çalışmıyor falseveya nofill. Benim durumumda krom 48.0 sürümü ile çalışıyor

İşte kirli bir kesmek -

Öğenizi burada bulabilirsiniz (devre dışı niteliğini ekleyerek):

<input type="text" name="test" id="test" disabled="disabled" />

Ve sonra web sayfanızın altına JavaScript ekleyin:

<script>
    setTimeout(function(){
        document.getElementById('test').removeAttribute("disabled");
        },100);
</script>

Farklı çözüm, webkit tabanlı. Daha önce de belirtildiği gibi, Chrome bir e-posta alanını otomatik olarak tamamladığında. AFAIK, bu otomatik tamamlamadan bağımsızdır = [ne olursa olsun].

Bunu önlemek için giriş türünü metne değiştirin ve webkit güvenlik yazı tipini istediğiniz biçimde uygulayın.

.secure-font{
-webkit-text-security:disc;}

<input type ="text" class="secure-font">

Gördüğüm kadarıyla bu en azından input type = password kadar güvenli, kopyala ve yapıştır güvenli. Bununla birlikte, yıldız işaretlerini kaldıracak stili kaldırarak savunmasızdır, elbette input type = password, otomatik olarak doldurulmuş şifreleri ortaya çıkarmak için konsoldaki input type = text ile kolayca değiştirilebilir, böylece gerçekten aynıdır.

Benim için çalışmanın tek yolu şuydu: (jQuery gerekli)

$(document).ready(function(e) {
    if ($.browser.webkit) {
        $('#input_id').val(' ').val('');
    }
});

Aynı problemle karşılaştım. Chrome'da otomatik doldurma kullanıcı adını ve şifresini devre dışı bırakma çözümü (yalnızca Chrome ile test edildi)

    <!-- Just add this hidden field before password as a charmed solution to prevent auto-fill of browser on remembered password -->
    <input type="tel" hidden />
    <input type="password" ng-minlength="8" ng-maxlength="30" ng-model="user.password" name="password" class="form-control" required placeholder="Input password">