blocks|key|127939|text|尝试下面的jQuery代码，它对我很有效。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|127940|if+($.browser.webkit)+{
++++$('input[name="password"]').attr('autocomplete',+'off');
++++$('input[name="email"]').attr('autocomplete',+'off');
}|code-block|syntax|javascript|127941|entityMap^0|5|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Try the following <code>jQuery</code> code which has worked for me.</p>

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


blocks|key|128007|text|尝尝这个。我知道这个问题有点陈旧，但这是一个不同的解决问题的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128008|我还注意到这个问题出现在password字段的上方。|offset|length|style|CODE|128009|我尝试了这两种方法，比如|128010|<form+autocomplete="off">和<input+autocomplete="off">，但它们都不适合我。|128011|因此，我使用下面的代码片段修复了这个问题--只是在密码类型字段上方添加了另一个文本字段，并将其设置为display:none。|128012|如下所示：|128013|<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=""+/>|code-block|syntax|javascript|128014|希望它能帮助到一些人。|128015|entityMap^0|0|C|8|0|0|0|P|Q|Q|0|1E|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@$D|14|E|15|F|G]|$D|16|E|17|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@]|A|$]]|$1|N|3|O|5|6|7|1B|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1C|8|@]|9|@]|A|$S|T]]|$1|U|3|V|5|6|7|1D|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|X|$]]

<p>Try this. I know the question is somewhat old, but this is a different approach for the problem.</p>

<p>I also noticed the issue comes just above the <code>password</code> field.</p>

<p>I tried both the methods like</p>

<p><code>&lt;form autocomplete="off"&gt;</code> and <code>&lt;input autocomplete="off"&gt;</code> but none of them worked for me.</p>

<p>So I fixed it using the snippet below - just added another text field just above the password type field and made it <code>display:none</code>.</p>

<p>Something like this:</p>

<pre><code>&lt;input type="text" name="prevent_autofill" id="prevent_autofill" value="" style="display:none;" /&gt;
&lt;input type="password" name="password_fake" id="password_fake" value="" style="display:none;" /&gt;
&lt;input type="password" name="password" id="password" value="" /&gt;
</code></pre>

<p>Hope it will help someone.</p>


blocks|key|345746|text|对我有效的唯一方法是：(需要jQuery)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|345747|$(document).ready(function(e)+{
++++if+($.browser.webkit)+{
++++++++$('#input_id').val('+').val('');
++++}
});|code-block|syntax|javascript|345748|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The only way that works for me was:(jQuery required)</p>

<pre><code>$(document).ready(function(e) {
    if ($.browser.webkit) {
        $('#input_id').val(' ').val('');
    }
});
</code></pre>


blocks|key|345782|text|除了autocomplete="off“之外，还必须将值设置为empty+(value="")才能使其工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|345783|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Also have to set the value to empty (value="") besides autocomplete="off" to make it work.</p>


blocks|key|345815|text|这是一个肮脏的黑客技巧-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|345816|这里有您的元素(添加disabled属性)：|345817|<input+type="text"+name="test"+id="test"+disabled="disabled"+/>|code-block|syntax|javascript|345818|然后在你的网页底部放一些JavaScript：|345819|<script>
++++setTimeout(function(){
++++++++document.getElementById('test').removeAttribute("disabled");
++++++++},100);
</script>|345820|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Here's a dirty hack - </p>

<p>You have your element here (adding the disabled attribute):</p>

<pre><code>&lt;input type="text" name="test" id="test" disabled="disabled" /&gt;
</code></pre>

<p>And then at the bottom of your webpage put some JavaScript:</p>

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


blocks|key|128158|text|对于用户名和密码组合，这个问题很容易解决。Chrome启发式搜索模式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128159|<input+type="text">|code-block|syntax|javascript|128160|然后是：|128161|<input+type="password">|128162|只需通过使以下内容无效来中断此过程：|128163|<input+type="text">
<input+type="text"+onfocus="this.type='password'">|128164|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>For username password combos this is an easy issue to resolve. Chrome heuristics looks for the pattern:</p>

<pre><code>&lt;input type="text"&gt;
</code></pre>

<p>followed by:</p>

<pre><code>&lt;input type="password"&gt;
</code></pre>

<p>Simply break this process by invalidating this:</p>

<pre><code>&lt;input type="text"&gt;
&lt;input type="text" onfocus="this.type='password'"&gt;
</code></pre>


blocks|key|128200|text|我在“立即登录或注册”模式窗口中遇到了这个问题，如果用户已经将他们的凭据保存到浏览器中，这就是一个问题。登录和注册字段都已填充，因此我可以使用以下angular+js指令清除它们：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128201|​|128202|(function+()+{
++++"use+strict";

++++var+directive+=+function+($timeout)+{
++++++++return+{
++++++++++++restrict:+"A",
++++++++++++link:+function+(scope,+element,+attrs)+{
++++++++++++++++$timeout(function+()+{
++++++++++++++++++++element.val("+");
++++++++++++++++++++$timeout(function+()+{
++++++++++++++++++++++++element.val("");
++++++++++++++++++++});
++++++++++++++++});
++++++++++++}
++++++++};
++++};

++++angular.module("app.directives").directive("autofillClear",+["$timeout",+directive]);
}());|code-block|syntax|javascript|128203|128204|它基本上与之前使用jquery的一些答案相同，但以一种角度的方式完成。|128205|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>I was having this problem with a "sign in now or register" modal window, and was a problem if the user had saved their credentials to the browser.  Both the sign in and register fields were populated, so I was able to clear them with the following angular js directive:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>(function () {
    "use strict";

    var directive = function ($timeout) {
        return {
            restrict: "A",
            link: function (scope, element, attrs) {
                $timeout(function () {
                    element.val(" ");
                    $timeout(function () {
                        element.val("");
                    });
                });
            }
        };
    };

    angular.module("app.directives").directive("autofillClear", ["$timeout", directive]);
}());</code></pre>
</div>
</div>
</p>

<p>It's basically the same as some of the previous answers that would use jquery, but done in an angular way.</p>


blocks|key|128247|text|我知道这不是很重要，但这是我所做的。自动填充的字段会引发一个“change”事件，但前提是您必须尽早将其绑定到它们。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128248|所以我把这个放进了头部。|128249|++$(document).ready(function(){
++++++++++++$('input').on('change',function(){$(this).val('')})
+++++});+|code-block|syntax|javascript|128250|这对我很管用。|128251|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I know this is not exactly relevant but here is what i did.
The auto filled fields raise a 'change' event but only if you bind it to them as early as possible.</p>

<p>so i put this inside the head section.</p>

<pre><code>  $(document).ready(function(){
            $('input').on('change',function(){$(this).val('')})
     }); 
</code></pre>

<p>and it worked for me.</p>


blocks|key|345973|text|以前输入的值被铬缓存显示为下拉选择list.This可以被autocomplete=off禁用，显式保存的地址在铬的高级设置中给出自动填充弹出窗口当一个地址字段获得focus.This可以被autocomplete="false".But禁用它将允许铬在下拉列表中显示缓存值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|345974|在一个输入html字段下面将关闭这两个。|345975|Role="presentation"+&+autocomplete="off"|offset|length|style|CODE|345976|当选择地址自动填充的输入域时，Chrome会忽略那些没有前面的label+html元素的输入域。|345977|为了确保chrome解析器忽略自动填充地址弹出框的输入字段，可以在标签和文本框之间添加隐藏按钮或图像控件。这将打破自动填充的标签-input对创建的chrome解析序列。解析地址字段时将忽略复选框|345978|Chrome还考虑了label元素上的"for“属性。它可以用来打破chrome的解析顺序。|345979|entityMap^0|0|0|0|14|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@$F|U|G|V|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|W|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|X|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Y|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|Q|$]]

<p>Previously entered values cached by chrome is displayed as dropdown select list.This can be disabled by autocomplete=off , explicitly saved address in advanced settings of chrome  gives autofill popup when an address field gets focus.This can be disabled by autocomplete="false".But it will allow chrome to display cached values in dropdown.</p>

<p>On an input html field following will switch off both.</p>

<p><code>Role="presentation" &amp; autocomplete="off"</code> </p>

<p>While selecting input fields for address autofill Chrome ignores those input fields which don't have preceding label html element. </p>

<p>To ensure chrome parser ignores an input field for autofill address popup a hidden button or image control can be added between label and textbox. This will break chrome parsing sequence of label -input pair creation for autofill.
Checkboxes are ignored while parsing for address fields</p>

<p>Chrome also considers "for" attribute on label element. It can be used to break parsing sequence of chrome.</p>


blocks|key|346005|text|就像Dvd+Franco所说的，对我来说，只有在所有领域中都使用了automplete='off‘。因此，我将此jquery规则放在主.js文件的$(document).ready()；函数中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346006|$('form.no_autofill').attr('autocomplete','off');
$('.no_autofill+input').attr('autocomplete','off');|code-block|syntax|javascript|346007|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Like Dvd Franco said, for me only puting automplete='off' in all fields it worked. So I put this jquery rules in $(document).ready(); function on my main .js file</p>

<pre><code>$('form.no_autofill').attr('autocomplete','off');
$('.no_autofill input').attr('autocomplete','off');
</code></pre>


blocks|key|346049|text|在用户名字段中输入值‘’(空格)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346050|<input+type+=+'text'+value+=+'+'+name+=+'username'+/>|code-block|syntax|javascript|346051|如果您曾经使用用户输入的值填充用户名，则在没有用户输入的值的情况下输入‘’。|346052|编辑:我还必须将'username‘字段更改为'username’以外的名称，例如'nameofuser‘。|346053|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Enter a value of ' ' (a blank space) for the username field.</p>

<pre><code>&lt;input type = 'text' value = ' ' name = 'username' /&gt;
</code></pre>

<p>If you're ever populating the username with a user-entered value, code to enter a ' ' if there's no user-entered value.</p>

<p>Edit: I also had to change 'username' fields to have a name of something else than 'username', e.g. 'nameofuser'</p>


blocks|key|128419|text|我也遇到过同样的问题。以下是在Chrome上禁用自动填充用户名和密码的解决方案(仅限Chrome测试)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128420|++++
++++<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">|code-block|syntax|javascript|128421|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I've faced same problem. And here is the solution for disable auto-fill user name &amp; password on Chrome (just tested with Chrome only)</p>

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


blocks|key|346142|text|我的解决方案是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346143|$(function(){
++++$("form[autocomplete=off]").find('input').attr('autocomplete',+'false');
});|code-block|syntax|javascript|346144|它在表单中具有“autocomplete=”off“”的所有输入字段上设置属性“autocomplete=”false“”。|346145|这可以在chrome，firefox和safari上运行。|346146|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>My Solution: </p>

<pre><code>$(function(){
    $("form[autocomplete=off]").find('input').attr('autocomplete', 'false');
});
</code></pre>

<p>It sets the attribute 'autocomplete="false"' on all input fields in the forms that have 'autocomplete="off"'.</p>

<p>This works on chrome, firefox and safari.</p>


blocks|key|346185|text|我发现将这个添加到表单会阻止Chrome使用Autofill。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346186|<div+style="display:+none;">
++++<input+type="text"+id="PreventChromeAutocomplete"+name="PreventChromeAutocomplete"+autocomplete="address-level4"+/>
</div>|code-block|syntax|javascript|346187|在这里找到的。https://code.google.com/p/chromium/issues/detail?id=468153#hc41|offset|length|346188|令人失望的是，Chrome决定它比开发者更清楚何时自动完成。有一个真正的微软的感觉。|346189|entityMap|0|LINK|mutability|MUTABLE|url|https://code.google.com/p/chromium/issues/detail?id=468153#hc41^0|0|0|7|1R|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>I've found that adding this to a form prevents Chrome from using Autofill. </p>

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

<p>Found here. <a href="https://code.google.com/p/chromium/issues/detail?id=468153#hc41">https://code.google.com/p/chromium/issues/detail?id=468153#hc41</a></p>

<p>Really disappointing that Chrome has decided that it knows better than the developer about when to Autocomplete. Has a real Microsoft feel to it.</p>


blocks|key|128511|text|我需要一些额外的字段才能正常工作，因为chrome实际上填充了很多字段。我还需要用一种比display:none更花哨的方式来隐藏字段，这样它才能真正工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128512|<style>.stylish+{+position:absolute;+top:-2000px;+}</style>
<input+id="_____fake_email_remembered"+class="stylish"+tabindex="-1"++type="email"+name="email_autofill"/>+
<input+id="_____fake_userName_remembered"+class="stylish"+tabindex="-1"++type="text"+name="userName_autofill"/>
<input+id="_____fake_firstName_remembered"+class="stylish"+tabindex="-1"+++type="text"+name="firstName_autofill"/>
<input+id="_____fake_lastName_remembered"+class="stylish"+tabindex="-1"+++type="text"+name="lastName_autofill"/>
<input+id="_____fake_phone_remembered"+class="stylish"++tabindex="-1"++type="text"+name="phone_autofill"/>
<input+id="_____fake_address_remembered"+class="stylish"++tabindex="-1"+++type="text"+name="address_autofill"/>
<input+id="_____fake_password_remembered"+class="stylish"++tabindex="-1"+++type="password"+name="password_autofill"/>
<input+id="_____fake_password_remembered2"+class="stylish"++tabindex="-1"+++type="password"+name="passwordRepeated_autofill"/>|code-block|syntax|javascript|128513|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I needed some extra fields for it to work properly, as chrome actually fills many fields. And I also needed to hide the fields in a more fancy way than display:none for it to actually work. </p>

<pre><code>&lt;style&gt;.stylish { position:absolute; top:-2000px; }&lt;/style&gt;
&lt;input id="_____fake_email_remembered" class="stylish" tabindex="-1"  type="email" name="email_autofill"/&gt; 
&lt;input id="_____fake_userName_remembered" class="stylish" tabindex="-1"  type="text" name="userName_autofill"/&gt;
&lt;input id="_____fake_firstName_remembered" class="stylish" tabindex="-1"   type="text" name="firstName_autofill"/&gt;
&lt;input id="_____fake_lastName_remembered" class="stylish" tabindex="-1"   type="text" name="lastName_autofill"/&gt;
&lt;input id="_____fake_phone_remembered" class="stylish"  tabindex="-1"  type="text" name="phone_autofill"/&gt;
&lt;input id="_____fake_address_remembered" class="stylish"  tabindex="-1"   type="text" name="address_autofill"/&gt;
&lt;input id="_____fake_password_remembered" class="stylish"  tabindex="-1"   type="password" name="password_autofill"/&gt;
&lt;input id="_____fake_password_remembered2" class="stylish"  tabindex="-1"   type="password" name="passwordRepeated_autofill"/&gt;
</code></pre>


blocks|key|128520|text|而不是“这就是我的工作”的答案和其他看起来像是完全黑客的答案……这是目前chrome+(和最新的规范)处理input元素上的autocomplete属性的方式：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|128521|https://developers.google.com/web/fundamentals/design-and-ui/input/forms/label-and-name-inputs?hl=en|128522|<value>：在输入上添加autocomplete='<value>'，其中TLDR应该是定义字段用途的任何字符串。这与name属性的工作方式类似。在可能的情况下使用上面链接上的建议值。|128523|另外，从表单中删除autocomplete属性|128524|entityMap|0|LINK|mutability|MUTABLE|url^0|1H|5|1Q|C|0|0|2S|0|0|0|7|E|M|1P|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|H|3|I|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|18|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|G]]]]

<p>Instead of "this is what worked for me" answers and other answers that look like complete hacks... This is currently how chrome (and the latest spec) will handle the <code>autocomplete</code> attributes on your <code>input</code> elements:</p>

<p><a href="https://developers.google.com/web/fundamentals/design-and-ui/input/forms/label-and-name-inputs?hl=en" rel="nofollow noreferrer">https://developers.google.com/web/fundamentals/design-and-ui/input/forms/label-and-name-inputs?hl=en</a></p>

<p>TLDR: Add <code>autocomplete='&lt;value&gt;'</code> on your inputs, where <code>&lt;value&gt;</code> should be any string that defines what the field is for. This works similarly to the <code>name</code> attribute. Use the suggested values on the link above where possible. </p>

<p>Also, remove the autocomplete attribute from your form</p>


blocks|key|346286|text|我的黑客在Chrome+48上进行了测试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346287|由于Chrome试图通过查看<input>的id或name属性以及相关的<label>内容来查找字段的类型，因此您只需为这些内容找到无意义的名称即可。|offset|length|style|CODE|346288|对于id和name，很容易选择没有列出here的其他东西。|346289|对于label，我在中间插入了一个看不见的<span>，例如对于一个城市(它弄乱了我的Places+autocomplete)|346290|<span>Ci<span+style="display:none">*</span>ty</span>|code-block|syntax|javascript|346291|完整的工作示例：|346292|​|346293|<!DOCTYPE+html>
<html>
++<body>
++++<form+method="post"+action="/register">
++++++<div>
++++++++<label+for="name">Name</label>
++++++++<input+id="name"+type="text"+name="name"+/>
++++++</div>
++++++<div>
++++++++<label+for="email">Email</label>
++++++++<input+id="email"+type="text"+name="email"+/>
++++++</div>
++++++<div>
++++++++<label+for="id1">City</label>
++++++++<input+id="id1"+type="text"+name="id1"+/>+<--+STILL+ON+:(
++++++</div>
++++++<div>
++++++++<label+for="id2">Ci<span+style="display:none">*</span>ty</label>
++++++++<input+id="id2"+type="text"+name="id2"+/>+<--+NOW+OFF+:)
++++++</div>
++++</form>
++</body>
</html>|346294|346295|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/web/fundamentals/design-and-ui/input/forms/label-and-name-inputs|1|https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete^0|0|E|7|M|2|P|4|10|7|0|2|2|5|4|J|4|0|0|2|5|L|6|17|K|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@$D|19|E|1A|F|G]|$D|1B|E|1C|F|G]|$D|1D|E|1E|F|G]|$D|1F|E|1G|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1H|8|@$D|1I|E|1J|F|G]|$D|1K|E|1L|F|G]]|9|@$D|1M|E|1N|1|1O]]|A|$]]|$1|J|3|K|5|6|7|1P|8|@$D|1Q|E|1R|F|G]|$D|1S|E|1T|F|G]]|9|@$D|1U|E|1V|1|1W]]|A|$]]|$1|L|3|M|5|N|7|1X|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|U|3|V|5|N|7|20|8|@]|9|@]|A|$O|P]]|$1|W|3|T|5|6|7|21|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|22|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]|15|$5|10|11|12|A|$13|16]]]]

<p>My hack — tested in Chrome 48:</p>

<p>Since Chrome tries to find out the type of field it is by looking at stuff like <code>id</code> or <code>name</code> attributes of the <code>&lt;input&gt;</code>, but also at associated <code>&lt;label&gt;</code> content, you just have to find meaningless names for these.</p>

<p>For the <code>id</code> and <code>name</code>, it's easy to choose something else that is not listed <a href="https://developers.google.com/web/fundamentals/design-and-ui/input/forms/label-and-name-inputs" rel="nofollow">here</a>.</p>

<p>For the <code>label</code>, I inserted an invisible <code>&lt;span&gt;</code> in the middle, e.g. for a city (it's messing with my <a href="https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete" rel="nofollow">Places autocomplete)</a>:</p>

<pre><code>&lt;span&gt;Ci&lt;span style="display:none"&gt;*&lt;/span&gt;ty&lt;/span&gt;
</code></pre>

<p>Full working example:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;body&gt;
    &lt;form method="post" action="/register"&gt;
      &lt;div&gt;
        &lt;label for="name"&gt;Name&lt;/label&gt;
        &lt;input id="name" type="text" name="name" /&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;label for="email"&gt;Email&lt;/label&gt;
        &lt;input id="email" type="text" name="email" /&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;label for="id1"&gt;City&lt;/label&gt;
        &lt;input id="id1" type="text" name="id1" /&gt; &lt;-- STILL ON :(
      &lt;/div&gt;
      &lt;div&gt;
        &lt;label for="id2"&gt;Ci&lt;span style="display:none"&gt;*&lt;/span&gt;ty&lt;/label&gt;
        &lt;input id="id2" type="text" name="id2" /&gt; &lt;-- NOW OFF :)
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|128633|text|不同的解决方案，基于webkit。正如已经提到的，只要Chrome找到一个密码字段，它就会自动完成电子邮件。AFAIK，这与autocomplete+=任何值无关。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128634|要避免这种情况，请将输入类型更改为text，并以所需的任何形式应用webkit安全字体。|128635|.secure-font{
-webkit-text-security:disc;}

<input+type+="text"+class="secure-font">|code-block|syntax|javascript|128636|据我所知，这至少和输入type=password一样安全，它的复制和粘贴是安全的。当然，在控制台中，input+type+=+password可以很容易地更改为input+type+=+text，以显示任何自动填充的密码，所以它实际上是一样的。|128637|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Different solution, webkit based. As mentioned already, anytime Chrome finds a password field it autocompletes the email. AFAIK, this is regardless of autocomplete = [whatever].</p>

<p>To circumvent this change the input type to text and apply the webkit security font in whatever form you want.</p>

<pre><code>.secure-font{
-webkit-text-security:disc;}

&lt;input type ="text" class="secure-font"&gt;
</code></pre>

<p>From what I can see this is at least as secure as input type=password, it's copy and paste secure. However it is vulnerable by removing the style which will remove asterisks, of course input type = password can easily be changed to input type = text in the console to reveal any autofilled passwords so it's much the same really. </p>


blocks|key|346476|text|不幸的是，所有的解决方案似乎都不起作用。我可以使用以下命令清除电子邮件(用户名)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346477|++++++++++++++++++++
++++++++++++++++++++<input+style="display:none"+type="text"+name="fakeusernameremembered"/>
++++++++++++++++++++<input+style="display:none"+type="password"+name="fakepasswordremembered"/>|code-block|syntax|javascript|346478|技术，但密码仍然填充。|346479|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Unfortunately none of the solutions seem to work. I was able to blank out email (username) using </p>

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

<p>technique, but password still populates.</p>


blocks|key|346509|text|使用chrome时，如果你用标签包围输入，并在标签内加上街道、地址或两者，它将忽略任何禁用自动填充的尝试。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346510|<label+for="searchAddress"+class="control-label">+Street+Address+<input+type="text"+class="form-control"+name="searchAddress></label>|code-block|syntax|javascript|346511|Chrome会检测标签中的关键字，以确定输入类型。它很可能用其他关键字也做到了这一点。|346512|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>With chrome, if you surround an input with a label and within the label, put the words street, address or both, it will ignore any attempt at disabling autofill.</p>

<pre><code>&lt;label for="searchAddress" class="control-label"&gt; Street Address &lt;input type="text" class="form-control" name="searchAddress&gt;&lt;/label&gt;
</code></pre>

<p>Chrome detects keywords within the label to figure out the input type. It likely does this with other key words as well.</p>


blocks|key|128809|text|如果要实现搜索框功能，请尝试将type属性设置为search，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|128810|<input+type="search"+autocomplete="off"+/>|code-block|syntax|javascript|128811|这在Chrome+v48上对我很有效，看起来是合法的标记：|128812|https://www.w3.org/wiki/HTML/Elements/input/search|128813|entityMap|0|LINK|mutability|MUTABLE|url^0|F|4|O|6|0|0|0|0|1E|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|O|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|N]]]]

<p>If you are implementing a search box feature, try setting the <code>type</code> attribute to <code>search</code> as follows:</p>

<pre><code>&lt;input type="search" autocomplete="off" /&gt;
</code></pre>

<p>This is working for me on Chrome v48 and appears to be legitimate markup:</p>

<p><a href="https://www.w3.org/wiki/HTML/Elements/input/search" rel="noreferrer">https://www.w3.org/wiki/HTML/Elements/input/search</a></p>


blocks|key|346622|text|因此，显然，最好的修复/黑客现在不再有效，再次。我使用的Chrome版本是49.0.2623.110m，我的帐户创建表单现在显示一个保存的用户名和密码，这与表单无关。感谢Chrome！其他黑客攻击看起来很可怕，但这次黑客攻击没那么可怕。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346623|为什么我们需要这些黑客工作，是因为这些表单通常是帐户创建表单，即不是登录表单，这应该是允许填写密码。帐户创建表单，您不希望删除用户名和密码的麻烦。从逻辑上讲，这意味着在渲染时永远不会填充密码字段。所以我使用了一个文本框，同时使用了一点javascript。|346624|<input+type="text"+id="password"+name="password"+/>

<script>
++++setTimeout(function()+{
++++++++$("#password").prop("type",+"password");
++++},+100);+
++++//+time+out+required+to+make+sure+it+is+not+set+as+a+password+field+before+Google+fills+it+in.+You+may+need+to+adjust+this+timeout+depending+on+your+page+load+times.
</script>|code-block|syntax|javascript|346625|我发现这是可以接受的，因为用户不会在短时间内访问密码字段，并且回发到服务器并不影响该字段是否为密码字段，因为它无论如何都是返回纯文本的。|346626|注意:如果您像我一样使用相同的创建表单作为更新表单，事情可能会变得棘手。我使用mvc.asp+c#，当我使用@Html.PasswordFor()时，密码不会添加到输入框中。这是一件好事。我已经对此进行了编码。但使用@Html.TextBoxFor()时，密码会被添加到输入框中，然后隐藏为密码。然而，由于我的密码是散列的，所以输入框中的密码就是散列的密码，永远不应该发送回服务器-对于试图登录的人来说，意外地保存一个散列的散列密码将是一件痛苦的事情。基本上..。如果使用此方法，请记住在呈现输入框之前将密码设置为空字符串。|346627|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>So apparently the best fixes/hacks for this are now no longer working, again. Version of Chrome I use is Version 49.0.2623.110 m and my account creation forms now show a saved username and password that have nothing to do with the form. Thanks Chrome! Other hacks seemed horrible, but this hack is less horrible...</p>

<p>Why we need these hacks working is because these forms are generally to be account creation forms i.e. not a login forms which should be allowed to fill in password. Account creation forms you don't want the hassle of deleting username and passwords. Logically that means the password field will never be populated on render. So I use a textbox instead along with a bit of javascript.</p>

<pre><code>&lt;input type="text" id="password" name="password" /&gt;

&lt;script&gt;
    setTimeout(function() {
        $("#password").prop("type", "password");
    }, 100); 
    // time out required to make sure it is not set as a password field before Google fills it in. You may need to adjust this timeout depending on your page load times.
&lt;/script&gt;
</code></pre>

<p>I find this acceptable as a user won't get to a password field within the short period of time, and posting back to the server makes no difference if the field is a password field as it is sent back plain text anyway.</p>

<p>Caveat:
If, like me, you use the same creation form as an update form things might get tricky. I use mvc.asp c# and when I use @Html.PasswordFor() the password is not added to the input box. This is a good thing. I have coded around this. But using @Html.TextBoxFor() and the password will be added to the input box, and then hidden as a password. However as my passwords are hashed up, the password in the input box is the hashed up password and should never be posted back to the server - accidentally saving a hashed up hashed password would be a pain for someone trying to log in. Basically... remember to set the password to an empty string before the input box is rendered if using this method.</p>


blocks|key|346650|text|我想我应该把我的解决方案贴出来。我发现你不能使用display:none，所以我想出了一个又快又脏的解决方案，就是让伪输入变小，并把它移出视线之外。到目前为止一切都很好，直到他们再次打破它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346651|​|346652|++++++++++++++++++++<input+id="FakePassword"+type="password"+style="float:left;position:relative;height:0;width:0;top:-1000px;left:-1000px;"+/>|code-block|syntax|javascript|346653|346654|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Thought i'd post my fix.  Found that you can't use display:none so i came up with a quick and dirty solution to just make the fake input small and move it out of sight.  So far so good until they break it again.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>                    &lt;input id="FakePassword" type="password" style="float:left;position:relative;height:0;width:0;top:-1000px;left:-1000px;" /&gt;</code></pre>
</div>
</div>
</p>


blocks|key|128973|text|如果表单是通过javascript生成的，那么通过向输入添加"display:+none;“来隐藏它的方法对我不起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|128974|因此，我把它们放在看不见的地方，使它们看不见：|128975|<input+style="width:0;height:0;opacity:0;position:absolute;left:-10000px;overflow:hidden;"+type="text"+name="fakeusernameremembered"/>
<input+style="width:0;height:0;opacity:0;position:absolute;left:-10000px;overflow:hidden;"+type="password"+name="fakepasswordremembered"/>|code-block|syntax|javascript|128976|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>The method of hiding it by adding "display: none;" to the input didn’t work for me if the form is generated through javascript.</p>

<p>So instead I made them invisible by placing them out of sight:</p>

<pre><code>&lt;input style="width:0;height:0;opacity:0;position:absolute;left:-10000px;overflow:hidden;" type="text" name="fakeusernameremembered"/&gt;
&lt;input style="width:0;height:0;opacity:0;position:absolute;left:-10000px;overflow:hidden;" type="password" name="fakepasswordremembered"/&gt;
</code></pre>


blocks|key|346775|text|Mike+Nelson提供的解决方案在Chrome+50.0.2661.102+m中对我不起作用。简单地添加一个相同类型的输入元素display:none设置不再禁用本机浏览器自动完成。现在需要复制您希望禁用自动完成的输入字段的名称属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346776|此外，为了避免输入字段在表单元素中时重复，您应该在未显示的元素上放置禁用的字段。这将阻止该元素作为表单操作的一部分提交。|346777|<input+name="dpart"+disabled="disabled"+type="password"+style="display:none;">
<input+name="dpart"+type="password">
<input+type="submit">|code-block|syntax|javascript|346778|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Mike Nelsons provided solution did not work for me in Chrome 50.0.2661.102 m.
Simply adding an input element of the same type with display:none set no longer disables the native browser auto-complete. It is now necessary to duplicate the name attribute of the input field you wish to disable auto-complete on.</p>

<p>Also, to avoid having the input field duplicated when they are within a form element you should place a disabled on the element which is not displayed. This will prevent that element from being submitted as part of the form action.</p>

<pre><code>&lt;input name="dpart" disabled="disabled" type="password" style="display:none;"&gt;
&lt;input name="dpart" type="password"&gt;
&lt;input type="submit"&gt;
</code></pre>


blocks|key|129109|text|最新的解决方案是将autocomplete="new-password"添加到密码字段中，这对于防止Chrome自动填充它非常有效。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|129110|然而，正如sibbl所指出的，这并不妨碍Chrome在表单提交完成后要求您保存密码。从Chrome51.0.2704.106开始，我发现可以通过添加一个同样具有autocomplete="new-password"属性的不可见的虚拟密码字段来实现这一点。注意，"display:none“在这种情况下不起作用。例如，在真实密码字段前添加如下内容：|129111|<input+type="password"+autocomplete="new-password"+
style="visibility:hidden;height:0;width:1px;position:absolute;left:0;top:0">`|code-block|syntax|javascript|129112|只有当我将宽度设置为非零值时，这才适用于我。感谢tibalt和fareed+namrouti提供的原始答案。|129113|entityMap^0|9|R|0|28|R|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

<p>The most recent solution of adding <code>autocomplete="new-password"</code> to the password field works great for preventing Chrome from autofilling it. </p>

<p>However, as sibbl pointed out, this doesn't prevent Chrome from asking you to save the password after the form submission completes. As of Chrome 51.0.2704.106, I found that you can accomplish this by adding a invisible dummy password field that also has the attribute <code>autocomplete="new-password"</code>. Note that "display:none" does not work in this case. e.g. Add something like this before the real password field:</p>

<pre><code>&lt;input type="password" autocomplete="new-password" 
style="visibility:hidden;height:0;width:1px;position:absolute;left:0;top:0"&gt;`
</code></pre>

<p>This only worked for me when I set the width to a non-zero value. Thanks to tibalt and fareed namrouti for the original answers.</p>


blocks|key|129151|text|<input+readonly+onfocus="this.removeAttribute('readonly');"+type="text">|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|129152|将readonly属性添加到标记并移除onfocus事件可以修复该问题|unstyled|129153|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;input readonly onfocus="this.removeAttribute('readonly');" type="text"&gt;
</code></pre>

<p>adding readonly attribute to the tag along with the onfocus event removing it fixes the issue</p>


blocks|key|346920|text|对我来说，很简单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346921|<form+autocomplete="off"+role="presentation">|code-block|syntax|javascript|346922|做到了。|346923|在多个版本上测试，最后一次尝试是在56.0.2924.87|346924|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>For me, simple</p>

<pre><code>&lt;form autocomplete="off" role="presentation"&gt;
</code></pre>

<p>Did it.</p>

<p>Tested on multiple versions, last try was on 56.0.2924.87</p>


blocks|key|346955|text|在Chromium+53.0.2785.92+(64位)上，可以执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|346956|<div+style="visibility:hidden">
++++<input+type="text"+name="fake_username_remembered">
++++<input+type="password"+name="fake_password_remembered">
</div>|code-block|syntax|javascript|346957|display:none不工作|offset|length|style|CODE|346958|entityMap^0|0|0|0|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>On Chromium 53.0.2785.92 (64-bit) the following worked</p>

<pre><code>&lt;div style="visibility:hidden"&gt;
    &lt;input type="text" name="fake_username_remembered"&gt;
    &lt;input type="password" name="fake_password_remembered"&gt;
&lt;/div&gt;
</code></pre>

<p><code>display:none</code> doesn't work</p>


blocks|key|129226|text|尝试在值中使用空格：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|129227|<input+type="email"+name="email"+value="&nbsp;">
<input+type="password"+name="password"+value="&nbsp;">|code-block|syntax|javascript|129228|chrome+54.0.2840.59|129229|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>try whit a blank space in the value : </p>

<pre><code>&lt;input type="email" name="email" value="&amp;nbsp;"&gt;
&lt;input type="password" name="password" value="&amp;nbsp;"&gt;
</code></pre>

<p>chrome 54.0.2840.59 </p>


blocks|key|347041|text|您必须添加此属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347042|autocomplete="new-password"|code-block|syntax|javascript|347043|来源链接：Full+Article|offset|length|347044|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion^0|0|0|5|C|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>You have to add this attribute :</p>

<pre><code>autocomplete="new-password"
</code></pre>

<p>Source Link : <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion" rel="noreferrer">Full Article</a> </p>


blocks|key|347087|text|由于display+none似乎不再起作用，因此添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347088|<input+type="text"+name="fakeusernameremembered"/>
<input+type="password"+name="fakepasswordremembered"/>|code-block|syntax|javascript|347089|在带有溢出隐藏的div内，最大宽度和最大高度为0px|347090|所以它变成了类似这样的东西：|347091|<div+style="overflow:+hidden;+max-width:+0px;+max-height:+0px;">
++++<input+type="text"+name="fakeusernameremembered"/>
++++<input+type="password"+name="fakepasswordremembered"/>
</div>|347092|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Since display none doesn't seem to work anymore 
add the </p>

<pre><code>&lt;input type="text" name="fakeusernameremembered"/&gt;
&lt;input type="password" name="fakepasswordremembered"/&gt;
</code></pre>

<p>inside a div with overflow hidden, max-width &amp; max-height 0px</p>

<p>So it becomes something like:</p>

<pre><code>&lt;div style="overflow: hidden; max-width: 0px; max-height: 0px;"&gt;
    &lt;input type="text" name="fakeusernameremembered"/&gt;
    &lt;input type="password" name="fakepasswordremembered"/&gt;
&lt;/div&gt;
</code></pre>


blocks|key|347152|text|上一次我检查Google在2017年1月更新了他们的自动填充，对我有效的解决方案是添加另一个输入，并在填充后隐藏它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347153|+<input+type="text"+id="phone_number"+name="phone_number"+value="">
+<input+type="text"+id="dummy_autocomplete">


<script+type="text/javascript">
++++++++$('#dummy_autocomplete').hide();
</script>|code-block|syntax|javascript|347154|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>last time I checked Google updated their autofill in JAN 2017, the solution that worked for me was adding another input and hiding it after it has been populated. </p>

<pre><code> &lt;input type="text" id="phone_number" name="phone_number" value=""&gt;
 &lt;input type="text" id="dummy_autocomplete"&gt;


&lt;script type="text/javascript"&gt;
        $('#dummy_autocomplete').hide();
&lt;/script&gt;
</code></pre>


blocks|key|129441|text|如果使用Symfony表单，则从细枝模板而不是使用FormBuilder应用属性时，autocomplete=off将不起作用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|129442|使用以下命令：|129443|....
->add('field-name',+TextType::class,+array(
++'attr'+=>+array(
++++++'autocomplete'+=>+'off'
++)
)
....|code-block|syntax|javascript|129444|而不是：|129445|....
{{+form_widget(form.field-name,+{'attr':+{'autocomplete':'off'}})
....|129446|entityMap^0|P|B|16|G|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

<p>If you are using Symfony forms, <code>autocomplete=off</code> will not work IF the attribute is applied from the twig template rather than using <code>FormBuilder</code>.</p>

<p>Use this:</p>

<pre><code>....
-&gt;add('field-name', TextType::class, array(
  'attr' =&gt; array(
      'autocomplete' =&gt; 'off'
  )
)
....
</code></pre>

<p>Rather than:</p>

<pre><code>....
{{ form_widget(form.field-name, {'attr': {'autocomplete':'off'}})
....
</code></pre>


blocks|key|129491|text|我最终通过在输入字段中放入一个非重复变量来解决这个问题--我使用php+time()如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|129492|<input+type="text"+name="town['.time().']"+>|code-block|syntax|javascript|129493|这主要是对android的干扰。我在服务器端所做的所有事情就是在输入名称上执行foreach循环-问题是如果chrome识别了它将自动填充的name属性。|129494|其他的对我来说都不管用。|129495|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I finally solved this by putting in a non duplicate variable in the input field - i used php time() like this:</p>

<pre><code>&lt;input type="text" name="town['.time().']" &gt;
</code></pre>

<p>This was interfering mostly n android. All i did on the server side was to do a foreach loop on the input name - the issue is if chrome recognizes the name attribute it WILL auto populate.</p>

<p>Nothing else even worked for me.</p>


blocks|key|347310|text|那么，Google+Chrome和其他任何人都会尝试击败这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347311|我今天在2017年9月7日实现了这一点，但使用的是在我的MVC视图中生成的随机字符串的FormCollection。|347312|我将首先在我的登录页面的索引控制器中获得一个新的随机密钥，加密并创建一个新的完全唯一的随机字符串(实际上我使用了一个256位的密码来执行此操作，以及一个唯一的密码和身份验证密钥)，然后我在每个字符串的末尾附加纯文本“用户名”和“密码”，以帮助我从响应式视图控制器识别用户名和密码。您还可以将该普通字符串更改为任何内容，只要您知道该模式并且它是唯一的。|347313|在我看来，我随后适当地使用了这些变量，然后在响应控制器中-通过FormCollection搜索并找到了匹配的变量-然后使用该项目的键值作为相应的用户名和密码进行适当的处理。|347314|我认为Chrome的另一个问题是|347315|有什么想法吗？|347316|<style>
++++@@font-face+{
++++++font-family:+'password';
++++++font-style:+normal;
++++++font-weight:+400;
++++++src:+url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
++++}
</style>

<input+type="text"+name="@Model.UsernameRandomNameString"+/>
<input+style="font-family:+'password'"+type="text"+name="@Model.PasswordRandomNameString"+/>

LogOnModel+model+=+new+LogOnModel()
++++++++++++{
++++++++++++++++UsernameRandomNameString+=+Cryptography.SimpleEncrypt("Username",+UniqueGeneratorKey,+UniqueGeneratorKey)+%2B+"Username",
++++++++++++++++PasswordRandomNameString+=+Cryptography.SimpleEncrypt("Password",+UniqueGeneratorKey,+UniqueGeneratorKey)+%2B+"Password",
++++++++++++};|code-block|syntax|javascript|347317|我认为这是一个地狱般的变通方法，但它确实有效，而且我认为它也可以作为未来的证据，除非谷歌确定页面的URL中包含关键字，然后适当地在任何输入字段的顶部添加其愚蠢的扩展名-但这有点激进。|347318|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|Z|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|10|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>Boom, Google Chrome and anyone else try defeat this then.</p>

<p>I was able to get this implemented today 7th September 2017, but using a FormCollection of random strings that generated in my MVC View.</p>

<p>I would first get a new random key in my index controller of my login page , encrypt and create a new totally unique random string (i actually used a 256 bit cypher to perform this, and a unique cypher and authentication key), i then append plain text 'Username' and 'Password' on the end of each string to later help me identify from the repsonding view controller the username and password. You could also change that plain string to anything as long as you know the pattern and it's unique.</p>

<p>In my view, I then used these variables appropriately and then in the responding controller - searched through a FormCollection and found my matching variables - and then used the Key-Value of that item as the corresponding Username and Password to process appropriately.</p>

<p>The other issue i had which i think is sneaky of Chrome, is that any 

<p>Any thoughts ? </p>

<pre><code>&lt;style&gt;
    @@font-face {
      font-family: 'password';
      font-style: normal;
      font-weight: 400;
      src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
    }
&lt;/style&gt;

&lt;input type="text" name="@Model.UsernameRandomNameString" /&gt;
&lt;input style="font-family: 'password'" type="text" name="@Model.PasswordRandomNameString" /&gt;

LogOnModel model = new LogOnModel()
            {
                UsernameRandomNameString = Cryptography.SimpleEncrypt("Username", UniqueGeneratorKey, UniqueGeneratorKey) + "Username",
                PasswordRandomNameString = Cryptography.SimpleEncrypt("Password", UniqueGeneratorKey, UniqueGeneratorKey) + "Password",
            };
</code></pre>

<p>I think it a hell of a workaround, but hey it works, and i think it could also be future proof unless google determines the URL of the page has key words in it, then appropriately just adds its stupid extensions on top on any input field - but that's a little drastic.</p>


blocks|key|347336|text|在display:+none不工作的情况下，这也是可能的，它似乎可以工作(Chromev60.0.3112.113)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|347337|.hidden-fields+{
++++opacity:+0;
++++float:+left;
++++height:+0px;
++++width:+0px;
}

<input+type="text"+name="username"+class="hidden-fields">+
<input+type="password"+name="password"+class="hidden-fields">

<your+actual+login+fields></your+actual+login+fields>|code-block|syntax|javascript|347338|entityMap^0|1|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>In case <code>display: none</code> doesn't work this is also possible and it seems to be working (Chrome v60.0.3112.113):</p>

<pre><code>.hidden-fields {
    opacity: 0;
    float: left;
    height: 0px;
    width: 0px;
}

&lt;input type="text" name="username" class="hidden-fields"&gt; 
&lt;input type="password" name="password" class="hidden-fields"&gt;

&lt;your actual login fields&gt;&lt;/your actual login fields&gt;
</code></pre>


blocks|key|129568|text|Jobin+Jose的回答让我大吃一惊。以下是对我有效的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|129569|<input+type="password"+name="password"+id="password_fake"+style="display:none;"+/>
<input+type="password"+name="password"/>|code-block|syntax|javascript|129570|请确保不要将autocomplete=设置为“off”，这会破坏解决方案。|129571|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Answer of Jobin Jose gave me a start. Here is what works for me:</p>

<pre><code>&lt;input type="password" name="password" id="password_fake" style="display:none;" /&gt;
&lt;input type="password" name="password"/&gt;
</code></pre>

<p>Be sure to not have autocomplete="off", which spoils the solution.</p>


blocks|key|347391|text|所有的解决方案对我都不起作用。最后，在苦苦思索了几个小时之后，我想出了这个ReactJS的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347392|在FireFox+54.0.1、Chrome61.0.3163.100、MacOS10.13上测试|347393|我保留了type="text"，并在onChange事件上将其更改为相关类型。|offset|length|style|CODE|347394|例如:+HTML：|347395|<input+type="text"+onChange={this.setAttributes}+placeholder="Email"+/>|347396|JS：|347397|setAttr2:+function(e){
++++var+value+=+e.target.value;
++++if(value.length){
++++++e.target.setAttribute('type',+'email')
++++}+else+{
++++++e.target.setAttribute('type',+'text')
++++}
++}|code-block|syntax|javascript|347398|entityMap^0|0|0|4|B|I|8|0|0|0|1Z|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@$F|Z|G|10|H|I]|$F|11|G|12|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|14|8|@$F|15|G|16|H|I]]|9|@]|A|$]]|$1|N|3|O|5|6|7|17|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|18|8|@]|9|@]|A|$S|T]]|$1|U|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|V|$]]

<p>None of the solutions worked for me. Finally, after pulling my hair out for many hours I came up with this solution for ReactJS. </p>

<p>Tested on FireFox 54.0.1, Chrome 61.0.3163.100, Mac OS 10.13</p>

<p>I keep the <code>type="text"</code> and change it to relevant type on <code>onChange</code> event. </p>

<p>ex:
HTML:</p>

<p><code>&lt;input type="text" onChange={this.setAttributes} placeholder="Email" /&gt;
</code></p>

<p>JS:</p>

<pre><code>setAttr2: function(e){
    var value = e.target.value;
    if(value.length){
      e.target.setAttribute('type', 'email')
    } else {
      e.target.setAttribute('type', 'text')
    }
  }
</code></pre>


blocks|key|347483|text|我已经尝试了所有提到的建议，但都没有奏效。我在specifik输入上使用的是google+places自动完成功能，如果在google+places自动完成列表的上方有一个google+chrome自动完成功能，那就太难看了。即使将autocomplete=设置为“anything”也是没有用的，因为自动完成插件本身会将其设置为"off“，而chrome会完全忽略它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|347484|所以我的解决方案是：|347485|var+fixAutocomplete+=+window.setInterval(function(){
++++if+($('#myinput').attr('autocomplete')+===+'false')+{
++++++++window.clearInterval(fixAutocomplete);++
++++}

++++$('#myinput').attr('autocomplete',+'false');
},+500);|code-block|syntax|javascript|347486|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I've tried all the mentioned advises but none of them worked. I'm using a google places autocomplete on the specifik input, and it is quite ugly if there is a google chrome autofill above the google places autocomplete list. Even setting autocomplete="anything" is useless because the autocomplete plugin itself setf this attr to "off" and it is totally ignored by chrome.</p>

<p>so my sollution is:</p>

<pre><code>var fixAutocomplete = window.setInterval(function(){
    if ($('#myinput').attr('autocomplete') === 'false') {
        window.clearInterval(fixAutocomplete);  
    }

    $('#myinput').attr('autocomplete', 'false');
}, 500);
</code></pre>


blocks|key|129763|text|我做了什么，以改变它的输入文本“type=”到一个多行输入。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|129764|+overflow-x:hidden;
+overflow-y:hidden;
+vertical-align:middle;
+resize:+none;|code-block|syntax|javascript|129765|代码的快速解释:+overflow-x和-y隐藏将禁用文本区框右侧的滚动按钮。垂直海藻将使标签垂直居中与文本区域对齐，并且resize:+none将禁用文本区域右下角的调整大小抓取器。|129766|在essance中，这意味着你的文本区域看起来像一个文本框，但是关闭了chrome自动填充。|129767|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>What I have done it to change the input type="text" to a multi line input ie. 

<pre><code> overflow-x:hidden;
 overflow-y:hidden;
 vertical-align:middle;
 resize: none;
</code></pre>

<p>A quick explanation of the code: The overflow-x and -y hidden wil disable the scroll buttons on the right of the textarea box. The vertial algin will align the lable vertical middle with the text area and the resize: none will disable the resize grabber at the bottom right of the textarea. </p>

<p>In essance it means that your textarea will appear like a textbox, but with chrome autofill off.</p>


blocks|key|129811|text|我的变通方法，因为上述方法在Chrome+63及更高版本中似乎都不起作用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|129812|我在我的网站上修复了这个问题，将有问题的input元素替换为|129813|<p+class="input"+contenteditable="true">&nbsp;</p>|code-block|syntax|javascript|129814|并在提交之前使用jQuery填充隐藏字段。|129815|但这确实是一个糟糕的黑客攻击，因为Chromium的一个糟糕的决定是必要的。|129816|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>My workaround since none of the above appear to work in Chrome 63 and beyond</p>

<p>I fixed this on my site by replacing the offending input element with </p>

<pre><code>&lt;p class="input" contenteditable="true"&gt;&amp;nbsp;&lt;/p&gt;
</code></pre>

<p>and using jQuery to populate a hidden field prior to submission.</p>

<p>But this is a truly awful hack made necessary by a bad decision at Chromium.</p>


blocks|key|129865|text|这是我用过的最新的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|129866|$('#email').prop('autocomplete',+true);|code-block|syntax|javascript|129867|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This is the most recent solution that I have used.</p>

<pre><code>$('#email').prop('autocomplete', true);
</code></pre>


blocks|key|129897|text|我终于成功地使用了textarea。对于密码字段，有一个事件处理程序，它用“·”替换键入的每个字符。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|129898|entityMap^0|9|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>I've finally found success using a <code>textarea</code>. For a password field there's an event handler that replaces each character typed with a "•".</p>


<p>I have been running into issues with the chrome autofill behavior on several forms. </p>

<p>The fields in the form all have very common and accurate names, such as "email", "name", or "password", and they also have <code>autocomplete="off"</code> set. </p>

<p>The autocomplete flag has successfully disabled the autocomplete behavior, where a dropdown of values appear as you start typing, but has not changed the values that Chrome auto-populates the fields as. </p>

<p>This behavior would be ok except that chrome is filling the inputs incorrectly, for example filling the phone input with an email address. Customers have complained about this, so it's verified to be happening in multiple cases, and not as some some sort of result to something that I've done locally on my machine. </p>

<p>The only current solution I can think of is to dynamically generate custom input names and then extract the values on the backend, but this seems like a pretty hacky way around this issue. Are there any tags or quirks that change the autofill behavior that could be used to fix this?</p>


Disabling Chrome Autofill

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在几个表单上遇到了chrome自动填充行为的问题。表单中的字段都有非常常见且准确的名称，例如"email“、"name”或"password"，并且它们还设置了autocomplete="off"。autocomplete标志已成功禁用了自动完成行为，在开始键入时会出现一个下拉列表，但并未更改Chrome自动填充字段...

问禁用Chrome自动填充
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用Chrome自动填充EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用Chrome自动填充
EN