blocks|key|4258997|text|你可以试试这条路。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4258998|关闭自动填写如果您不想在每次填写表单时都看到保存的个人信息，可以关闭自动填写。|offset|length|style|BOLD|4258999|打开Chrome。在右上角的中，单击More+More，然后单击Settings.|4259000|在底部，单击显示高级设置。|4259001|在"Passwords++forms“下，取消选中”Enable+Autofill+to+fill+to+click“。要重新打开自动填充，请再次选中该框。|4259002|entityMap^0|0|0|6|0|A|4|W|9|0|8|4|0|2|24|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@$D|U|E|V|F|G]|$D|W|E|X|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|Y|8|@$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|N|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|O|$]]

<p>You May Try This Way.</p>

<p><strong>Turn off Autofill</strong>
If you don’t want to see saved personal information every time you fill out a form, you can turn Autofill off.</p>

<p>Open Chrome.
At the <strong>top right</strong>, click More More and then <strong>Settings.</strong></p>

<p>At the bottom, click Show <strong>advanced settings</strong>.</p>

<p>Under "<strong>Passwords and forms</strong>," uncheck "<strong>Enable Autofill</strong> to fill out web forms in a single click."
To turn Autofill back on, check the box again.</p>


blocks|key|4259029|text|试用此+display:none|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|4259030|<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|4259031|你也可以使用jQuery来解决这个问题，希望这能对你有所帮助，如果不能，请在这里发表评论，祝你好运:)|4259032|更新：|4259033|这取决于chrome的版本，有时这不适用于chrome的新版本，所以你应该尝试很多事情来防止这个问题，也尝试这些代码片段，并请对发生的事情发表评论:)|4259034|解决方案2|4259035|$('form[autocomplete="off"]+input,+input[autocomplete="off"]').each(function+()+{

++++++++++++++++var+input+=+this;
++++++++++++++++var+name+=+$(input).attr('name');
++++++++++++++++var+id+=+$(input).attr('id');

++++++++++++++++$(input).removeAttr('name');
++++++++++++++++$(input).removeAttr('id');

++++++++++++++++setTimeout(function+()+{
++++++++++++++++++++$(input).attr('name',+name);
++++++++++++++++++++$(input).attr('id',+id);
++++++++++++++++},+1);
++++++++++++});|4259036|它从元素中删除"name“和"id”属性，并在1ms后重新分配它们。把这个放在文档里准备好。|4259037|解决方案3|4259038|<input+type="text"+name="email">
<input+type="password"+name="password"+autocomplete="new-password">|4259039|已在Chrome+53中测试并运行|4259040|解决方案4|4259041|尝试使用autocomplete="false"而不是autocomplete="off"或nofill|4259042|entityMap^0|0|3|4|C|0|0|6|6|0|0|3|0|0|0|5|0|0|0|0|5|0|0|0|0|5|0|4|K|R|I|1A|6|0^^$0|@$1|2|3|4|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|D]]|E|@]|F|$]]|$1|G|3|H|5|I|7|1E|8|@]|E|@]|F|$J|K]]|$1|L|3|M|5|6|7|1F|8|@$9|1G|A|1H|B|D]]|E|@]|F|$]]|$1|N|3|O|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|E|@]|F|$]]|$1|P|3|Q|5|6|7|1L|8|@]|E|@]|F|$]]|$1|R|3|S|5|6|7|1M|8|@$9|1N|A|1O|B|C]]|E|@]|F|$]]|$1|T|3|U|5|I|7|1P|8|@]|E|@]|F|$J|K]]|$1|V|3|W|5|6|7|1Q|8|@]|E|@]|F|$]]|$1|X|3|Y|5|6|7|1R|8|@$9|1S|A|1T|B|C]]|E|@]|F|$]]|$1|Z|3|10|5|I|7|1U|8|@]|E|@]|F|$J|K]]|$1|11|3|12|5|6|7|1V|8|@]|E|@]|F|$]]|$1|13|3|14|5|6|7|1W|8|@$9|1X|A|1Y|B|C]]|E|@]|F|$]]|$1|15|3|16|5|6|7|1Z|8|@$9|20|A|21|B|D]|$9|22|A|23|B|D]|$9|24|A|25|B|D]]|E|@]|F|$]]|$1|17|3|-4|5|6|7|26|8|@]|E|@]|F|$]]]|18|$]]

<p><strong>Try this</strong> <code>display:none</code>  </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>You can also use <code>jQuery</code> to solve this problem,hope this will be helped to you,if not please put a comment here,good luck :)</p>

<p><strong>Update:</strong></p>

<p>This is depend on chrome version,sometimes this will be not work for chrome new versions,so you should have try many things to prevent this problem,try these code snippets also and please put a comment what happened :)</p>

<p><strong>Solution 2</strong></p>

<pre><code>$('form[autocomplete="off"] input, input[autocomplete="off"]').each(function () {

                var input = this;
                var name = $(input).attr('name');
                var id = $(input).attr('id');

                $(input).removeAttr('name');
                $(input).removeAttr('id');

                setTimeout(function () {
                    $(input).attr('name', name);
                    $(input).attr('id', id);
                }, 1);
            });
</code></pre>

<p>It removes "name" and "id" attributes from elements and assigns them back after 1ms. Put this in document get ready.</p>

<p><strong>Solution 3</strong></p>

<pre><code>&lt;input type="text" name="email"&gt;
&lt;input type="password" name="password" autocomplete="new-password"&gt;
</code></pre>

<p>Tested and works in Chrome 53 </p>

<p><strong>Solution 4</strong></p>

<p>try <code>autocomplete="false"</code> instead of <code>autocomplete="off"</code> or <code>nofill</code></p>


blocks|key|5676785|text|在管理员想要更改用户的电子邮件/密码的情况下，自动填充会用管理员的电子邮件替换用户的电子邮件，并填写管理员的密码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5676786|对我来说起作用的是设置字段(电子邮件、密码...)以禁用它们，并在页面加载后一秒钟使用tiemout启用它们。这样，在浏览器自动填充忽略它们之后，用户就可以使用它们了。|5676787|风险在于，某些东西破坏了js，而它们仍然不可用。|5676788|如果您的服务器部分不太依赖于输入的名称，我建议将它们更改为与登录表单中使用的不同-它们将不会自动填充(除非您特别请求)。|offset|length|style|BOLD|5676789|否则，下面是示例代码：|5676790|+<input+id="email"+type="email"+name="email"+value="email@example.com"+disabled>
++++<input+id="password"+type="password"+name="password"+disabled>
++++
++++<script>
++++$(document).ready(function(){
+++++++++setTimeout(
++++++++++++function(){
++++++++++++++++$('#myform+input[disabled]').removeAttr('disabled');
++++++++++++},+1000);
++++);
++++</script>|code-block|syntax|javascript|5676791|entityMap^0|0|0|0|0|1O|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|@$H|Y|I|Z|J|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|10|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|11|8|@]|9|@]|A|$Q|R]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>In a scenario where the admin wants to change user's email/password the auto-fill replaced the users' email with the admin's and filled admin's password.</p>
<p>What worked for me was to set the fields (email, password ...) to disabled and enable them with tiemout a second after the page is loaded. In such way they become available to the user after the browser autofill ignored them.</p>
<p>The risk is that something breaks the js and they remain unavailable.</p>
<p><strong>If your server part doesn't depend much on the input names, I would recommend just to change them to differ from those used in the login form - they will be not auto filled (unless you request it specifically).</strong></p>
<p>Otherwise here is the example code:</p>
<pre><code> &lt;input id=&quot;email&quot; type=&quot;email&quot; name=&quot;email&quot; value=&quot;email@example.com&quot; disabled&gt;
    &lt;input id=&quot;password&quot; type=&quot;password&quot; name=&quot;password&quot; disabled&gt;
    
    &lt;script&gt;
    $(document).ready(function(){
         setTimeout(
            function(){
                $('#myform input[disabled]').removeAttr('disabled');
            }, 1000);
    );
    &lt;/script&gt;
</code></pre>


blocks|key|2147702|text|只有在输入type="password"的情况下，Chrome才会自动填充密码-否则会有以纯文本形式暴露用户密码的风险。因此，在输入字段上使用type="text"，然后在用户关注输入时将类型属性更改为"password"。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2147703|密码字段：|BOLD|2147704|<input+type="text"+class="form-control"+placeholder="Password"
++++onfocus="this.setAttribute('type',+'password')"+/>|code-block|syntax|javascript|2147705|完整示例：(使用Bootstrap+3类和字体令人敬畏的图标)|2147706|<form>
++++<div+class="form-group">
++++++++<input+type="text"+class="form-control"+placeholder="Email+Address"+/>
++++</div>
++++<div+class="form-group">
++++++++<input+type="text"+class="form-control"+placeholder="Password"+
++++++++++++onfocus="this.setAttribute('type',+'password')"+/>
++++</div>
++++<div+class="text-xs-center">
++++++++<button+type="submit"+class="btn+btn-primary"+style="width:+100%25;">
++++++++++++<i+class="fa+fa-lock"+style="padding-right:+10px;"></i>+LOG+IN
++++++++</button>
++++</div>
</form>|2147707|entityMap^0|5|F|1Z|B|2T|A|0|0|5|0|0|0|5|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@$9|11|A|12|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|13|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|14|8|@$9|15|A|16|B|H]]|D|@]|E|$]]|$1|P|3|Q|5|K|7|17|8|@]|D|@]|E|$L|M]]|$1|R|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|S|$]]

<p>Chrome will only autofill a password if the input <code>type="password"</code> - it would otherwise risk exposing the user's password in plain text. So, use <code>type="text"</code> on the input field, and then change the type attribute to <code>"password"</code> when the user focuses on the input.</p>

<p><strong>Password Field:</strong></p>

<pre><code>&lt;input type="text" class="form-control" placeholder="Password"
    onfocus="this.setAttribute('type', 'password')" /&gt;
</code></pre>

<p><strong>Full Example:</strong>
(using Bootstrap 3 classes and Font Awesome icons)</p>

<pre><code>&lt;form&gt;
    &lt;div class="form-group"&gt;
        &lt;input type="text" class="form-control" placeholder="Email Address" /&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
        &lt;input type="text" class="form-control" placeholder="Password" 
            onfocus="this.setAttribute('type', 'password')" /&gt;
    &lt;/div&gt;
    &lt;div class="text-xs-center"&gt;
        &lt;button type="submit" class="btn btn-primary" style="width: 100%;"&gt;
            &lt;i class="fa fa-lock" style="padding-right: 10px;"&gt;&lt;/i&gt; LOG IN
        &lt;/button&gt;
    &lt;/div&gt;
&lt;/form&gt;
</code></pre>


blocks|key|2147738|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2147739|为用户名添加一个值为username值的autocomplete属性。|ordered-list-item|2147740|如果您已经实现了将用户名和密码分隔到两个单独表单中的“电子邮件优先”登录流程，请在用于收集密码的表单中包括一个包含用户名的表单域。当然，如果适合您的布局，您可以通过CSS隐藏此字段。|2147741|为登录表单上的密码字段添加一个值为current-password的自动完成属性。|2147742|为注册和更改密码表单上的密码字段添加一个值为new-password的自动完成属性。|2147743|如果您要求用户在注册或密码更新期间输入密码两次，请在这两个字段上添加新密码自动完成属性。|2147744|2147745|2147746|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|-4|4|5|6|P|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|Q|7|@]|8|@]|9|$]]|$1|D|3|E|4|C|6|R|7|@]|8|@]|9|$]]|$1|F|3|G|4|C|6|S|7|@]|8|@]|9|$]]|$1|H|3|I|4|C|6|T|7|@]|8|@]|9|$]]|$1|J|3|K|4|C|6|U|7|@]|8|@]|9|$]]|$1|L|3|-4|4|5|6|V|7|@]|8|@]|9|$]]|$1|M|3|-4|4|5|6|W|7|@]|8|@]|9|$]]|$1|N|3|-4|4|5|6|X|7|@]|8|@]|9|$]]]|O|$]]

<ol>
<li>Add an autocomplete attribute with a value of username for usernames.</li>
<li>If you've implemented an "email first" sign-in flow that separates the username and password into two separate forms, include a form field containing the username in the form used to collect the password. You can, of course, hide this field via CSS if that's appropriate for your layout.</li>
<li>Add an autocomplete attribute with a value of current-password for the password field on a sign-in form.</li>
<li>Add an autocomplete attribute with a value of new-password for the password field on sign-up and change-password forms.</li>
<li><p>If you require the user to type their password twice during sign-up or password update, add the new-password autocomplete attribute on both fields.</p>

<pre><code>&lt;input type="text" autocomplete="username"&gt;
&lt;input type="password" autocomplete="current-password"&gt;
</code></pre></li>
</ol>


blocks|key|1694172|text|不幸的是，我什么都不能用(win10，opera/chomium)，没有“新密码”，没有其他解决方案……内联样式也有问题，当它被隐藏时，自动完成会继续进行|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1694173|这是我的工作解决方案:我们需要两个type=password，首先通过外部css隐藏|1694174|<input+type="password"+class="vapor+zero">
<input
++++id="hes"
++++type="password"
++++placeholder="actual+password"
++++autocomplete="off"
++++autocomplete="false"
++++autocorrect="off"
++++name="password2"
++++value=""
++++autocomplete="new-password"
++++required>|code-block|syntax|javascript|1694175|css：|1694176|.zero{
++++width:0px+!important;
++++height:0px+!important;
++++padding:0+!important;
++++border:1px+solid+white;
}|1694177|jquery杀手(可以肯定)：|1694178|$(".vapor").fadeOut(5400,+function()+{
++++$(this).remove();
});|1694179|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>unfortunately nothing worked for me (win10, opera/chomium) no "new-password", no other solutions...  there was also problem with inline style, when it was hidden by this, autocomplete progressed</p>

<p>here is my working solution: we need two type=password and first hide by external css</p>

<pre><code>&lt;input type="password" class="vapor zero"&gt;
&lt;input
    id="hes"
    type="password"
    placeholder="actual password"
    autocomplete="off"
    autocomplete="false"
    autocorrect="off"
    name="password2"
    value=""
    autocomplete="new-password"
    required&gt;
</code></pre>

<p>css:</p>

<pre><code>.zero{
    width:0px !important;
    height:0px !important;
    padding:0 !important;
    border:1px solid white;
}
</code></pre>

<p>jquery killer (just for sure):</p>

<pre><code>$(".vapor").fadeOut(5400, function() {
    $(this).remove();
});
</code></pre>


blocks|key|2147800|text|一种可能的解决方案是最初将输入类型设置为"text"，然后为输入添加一个事件侦听器，该事件侦听器在字段被编辑后将类型更新为"password“。这将允许您保留密码输入的所有功能，并有望绕过任何密码自动填充/管理器。类似于：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2147801|HTML|2147802|<input+type='text'+class='my-input'+/>|code-block|syntax|javascript|2147803|JS|2147804|const+input+=+document.querySelector('.my-input');

input.addEventListener('keydown',+()+=>+{
++++input.setAttribute('type',+'password');
});|2147805|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>One potential solution for this could be to initially set the input type to "text", and then add an event listener for the input that updates the type to "password" once the field is edited. This would allow you to retain all of the features of a password input and hopefully circumvent any password autofills / managers. Something like:</p>

<p>HTML</p>

<pre><code>&lt;input type='text' class='my-input' /&gt;
</code></pre>

<p>JS</p>

<pre><code>const input = document.querySelector('.my-input');

input.addEventListener('keydown', () =&gt; {
    input.setAttribute('type', 'password');
});
</code></pre>


blocks|key|4259260|text|我终于成功地使用了带有事件处理程序的textarea，该事件处理程序将键入的每个字符替换为“·”。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4259261|entityMap^0|I|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> with an event handler that replaces each character typed with a "•".</p>


blocks|key|2147848|text|对于我来说，截至2019年2月22日，我尝试了这些方法，但没有得到一个有效的解决方案。我尝试了visibility，display，autocomplete，但似乎都不起作用。可能我遗漏了一些东西，因为我使用的是Material+UI。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2147849|对我来说，我有两个有效的解决方案。这是JSX代码，您可以在本地html+css语法中使用相同的属性。|2147850|1)具有不透明度和位置|2147851|+<input+type="email"+style={{opacity:"0",+position:"absolute"}}/>
+<input+type="password"+style={{opacity:"0",+position:"absolute"}}/>|code-block|syntax|javascript|2147852|2)具有z索引和位置|2147853|<input+type="email"+style={{zIndex:":-100",+position:"absolute"}}/>
<input+type="password"+style={{zIndex:"-100",+position:"absolute"}}/>|2147854|希望这能节省一些人的时间。|2147855|entityMap|0|LINK|mutability|MUTABLE|url|https://kentcdodds.com/blog/what-is-jsx^0|1B|A|1M|7|1U|C|0|J|3|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|H|3|I|5|6|7|1D|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1E|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1F|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1G|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1H|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

<p>For me as of 22/02/2019, I tried these but not got a working solution.
I tried with <code>visibility</code>, <code>display</code>, <code>autocomplete</code> and seems like its not working. May be I am missing something as I am using Material UI.</p>

<p>For me I got two solution working.
This is <a href="https://kentcdodds.com/blog/what-is-jsx" rel="nofollow noreferrer">JSX</a> code you can use the same property with native html css syntax</p>

<p>1) with opacity and position</p>

<pre><code> &lt;input type="email" style={{opacity:"0", position:"absolute"}}/&gt;
 &lt;input type="password" style={{opacity:"0", position:"absolute"}}/&gt;
</code></pre>

<p>2) with z-index and position</p>

<pre><code>&lt;input type="email" style={{zIndex:":-100", position:"absolute"}}/&gt;
&lt;input type="password" style={{zIndex:"-100", position:"absolute"}}/&gt;
</code></pre>

<p>Hope this will save someone's time. </p>


blocks|key|1691768|text|根据Mozilla+doc的说法，在大多数现代浏览器中，将autocomplete设置为"off“不会阻止密码管理器询问用户是否要保存用户名和密码信息，或者自动在网站的登录表单中填写这些值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1691769|你必须使用|1691770|autocomplete+=+"new-password"|code-block|syntax|javascript|1691771|创建新帐户或更改密码时，应将其用于“输入新密码”或“确认新密码”字段，而不是可能出现的常规“输入当前密码”字段。这可以由浏览器使用，以避免意外地填写现有密码并在创建安全密码时提供帮助|1691772|您可以查看所有的自动补全值here，以供参考和更好地理解。|offset|length|1691773|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values^0|0|0|0|0|D|4|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|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>According to Mozilla doc,
In most modern browsers, setting autocomplete to "off" will not prevent a password manager from asking the user if they would like to save username and password information, or from automatically filling in those values in a site's login form. </p>

<p>you have to use</p>

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

<p>When creating a new account or changing passwords, this should be used for an "Enter your new password" or "Confirm new password" field, as opposed to a general "Enter your current password" field that might be present. This may be used by the browser both to avoid accidentally filling in an existing password and to offer assistance in creating a secure password</p>

<p>You can see all autocomplete values <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#Values" rel="noreferrer">here</a> for reference and better understanding.</p>


blocks|key|5677044|text|简单的替代解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5677045|我也遇到了这个问题，到2020年5月22日，我找不到一种方法来使我的way应用程序避免填写密码字段，所以我找到了一个替代方案，如下所示：|5677046|在用户输入密码的输入字段中，将其类型更改为文本，这将避免弹出应用程序的所有已保存密码，然后通过添加以下内容来设置输入的样式，使其看起来像传统的密码输入：|5677047|style="text-security:disc;+-webkit-text-security:disc;"|code-block|syntax|javascript|5677048|示例：|5677049|它就像改变一样简单：|5677050|<input+type="password">|5677051|至：|5677052|<input+type="text"+style="text-security:disc;+-webkit-text-security:disc;">|5677053|或者更多，您可以省略type属性：|5677054|<input+style="text-security:disc;+-webkit-text-security:disc;">|5677055|干杯!|5677056|更新：|5677057|正如评论中指出的，这个解决方案在火狐上不起作用，参见https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-security，虽然最初的问题只要求在Chrome上提供解决方案，但我找到了一个新的解决方案(不确定是否对每个人都有用)：我创建了一个仅由磁盘组成的字体(模拟密码域)，似乎可以工作，请注意，我不是创建字体的专家，我已经尽了最大努力。我没有仔细测试这个解决方案，但乍一看似乎可以完成这项工作。链接到字体，由我使用font+Forge制作：https://drive.google.com/file/d/1xWGciDI-cQVxDP_H8s7OfdJt44ukBWQl/view?usp=sharing|offset|length|5677058|请对此进行测试，并让我知道它是否工作。|5677059|示例|5677060|将ttf文件放在创建html文件的同一目录中。|5677061|<!DOCTYPE+html>
<html>
++++<head>
++++++++<title>Font+Test</title>
++++</head>
++++<body>
++++++++<span>Custom+font</span><input+class="disk-font"+type="text"/>
++++++++<span>Normal+Font</span><input+type="password"/>
++++</body>
++++<style>
++++++++++++@font-face+{
++++++++++++++++font-family:+disks;
++++++++++++++++src:+url(disks.ttf);
++++++++++++}
++++++++++++.disk-font{
++++++++++++++++font-family:+disks;

++++++++++++}
++++</style>
</html>|5677062|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-security|1|https://drive.google.com/file/d/1xWGciDI-cQVxDP_H8s7OfdJt44ukBWQl/view?usp=sharing^0|0|0|0|0|0|0|0|0|0|0|0|0|0|Q|1Y|0|75|2A|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|1S|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1T|8|@]|9|@]|A|$]]|$1|O|3|P|5|H|7|1U|8|@]|9|@]|A|$I|J]]|$1|Q|3|R|5|6|7|1V|8|@]|9|@]|A|$]]|$1|S|3|T|5|H|7|1W|8|@]|9|@]|A|$I|J]]|$1|U|3|V|5|6|7|1X|8|@]|9|@]|A|$]]|$1|W|3|X|5|H|7|1Y|8|@]|9|@]|A|$I|J]]|$1|Y|3|Z|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|20|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|21|8|@]|9|@$14|22|15|23|1|24]|$14|25|15|26|1|27]]|A|$]]|$1|16|3|17|5|6|7|28|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|29|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|6|7|2A|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|H|7|2B|8|@]|9|@]|A|$I|J]]|$1|1E|3|-4|5|6|7|2C|8|@]|9|@]|A|$]]]|1F|$1G|$5|1H|1I|1J|A|$1K|1L]]|1M|$5|1H|1I|1J|A|$1K|1N]]]]

<h1>Simple alternative solution</h1>
<p>I also ran into this problem, and as of May 22, 2020, I couldn't find a way of making my webapp to avoid filling out the password field, so I found an alternative to this, here it is:</p>
<p>On the input field where the user puts its password, change its type to text, this will avoid having all saved passwords for the application to pop up, then style the input to make it look like a conventional password input by adding:</p>
<pre><code>style=&quot;text-security:disc; -webkit-text-security:disc;&quot;
</code></pre>
<h1>Example:</h1>
<p>It is as simple as changing:</p>
<pre><code>&lt;input type=&quot;password&quot;&gt;
</code></pre>
<p>to:</p>
<pre><code>&lt;input type=&quot;text&quot; style=&quot;text-security:disc; -webkit-text-security:disc;&quot;&gt;
</code></pre>
<p>or even more, you can omit the type attribute:</p>
<pre><code>&lt;input style=&quot;text-security:disc; -webkit-text-security:disc;&quot;&gt;
</code></pre>
<p>Cheers!</p>
<h2>Update:</h2>
<p>As pointed out in the comments, this solution doesn't work on Firefox, see <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-security" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-security</a>, although the original question only asks for a solution on Chrome, I found a new solution (not sure if useful for everyone): I created a font composed only by disks (emulating the password field) and seems to work, please note that I'm not an expert creating fonts, I did my best. I have not tested this solution carefully, but at first glance seems to do the job. Link to the font, made by me using Font Forge: <a href="https://drive.google.com/file/d/1xWGciDI-cQVxDP_H8s7OfdJt44ukBWQl/view?usp=sharing" rel="nofollow noreferrer">https://drive.google.com/file/d/1xWGciDI-cQVxDP_H8s7OfdJt44ukBWQl/view?usp=sharing</a></p>
<p>Please test this out and let me know if it woks.</p>
<h2>Example</h2>
<p>Put the ttf file in the same directory where you create the html file</p>
<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Font Test&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;span&gt;Custom font&lt;/span&gt;&lt;input class=&quot;disk-font&quot; type=&quot;text&quot;/&gt;
        &lt;span&gt;Normal Font&lt;/span&gt;&lt;input type=&quot;password&quot;/&gt;
    &lt;/body&gt;
    &lt;style&gt;
            @font-face {
                font-family: disks;
                src: url(disks.ttf);
            }
            .disk-font{
                font-family: disks;

            }
    &lt;/style&gt;
&lt;/html&gt;
</code></pre>


blocks|key|1694282|text|停止使用"user“一词来命名该字段，例如，如果您使用"user-action”更改为"u-action"，Google将停止向该字段提供电子邮件或用户名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1694283|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>Stop using the word &quot;user&quot; to name the field, for example, if you use &quot;user-action&quot; change to &quot;u-action&quot;, Google will stop offering email or username to this field.</p>


blocks|key|5677120|text|直到我用表单包装了我的输入，我才获得成功|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5677121|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>I didn’t get success until I wrap my input with form</p>


blocks|key|2148046|text|在Chrome87中，为了防止Chrome自动填充，三种方法的组合几乎完全解决了这个问题|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2148047|2148048|将autocomplete='chrome-off'添加到输入标记和表单标记。对于Rails的表单帮助器，在页面加载|ordered-list-item|offset|length|style|CODE|2148049|之后，我需要使用JS来加载|2148050|2148051|如果某些自动完成/自动填充功能仍然存在(多次填写相同的表单进行检查)，请将前缀_添加到name属性。在我的例子中，它是<input+name='user[_country]'|BOLD|2148052|2148053|2148054|对于英语以外的区域设置，仍然存在一些剩余的自动填充功能。在<input+...+name='user[_c_ountr_y]'|2148055|属性中添加另一个下划线对此很有帮助|2148056|编辑：|2148057|2148058|在生产环境中，用户输入被缓存，事实证明还需要this+step来防止chrome+autofill+dropdown|2148059|2148060|entityMap|0|LINK|mutability|MUTABLE|url|https://www.bennadel.com/blog/1584-preventing-form-caching-with-javascript-and-jquery.htm^0|0|0|1|P|0|0|0|0|2F|13|1|17|4|1N|S|0|0|0|0|1R|T|Y|0|0|H|0|0|3|0|0|0|1M|M|9|0|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1B|8|@$F|1C|G|1D|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1E|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|M|3|N|5|E|7|1G|8|@$F|1H|G|1I|H|O]|$F|1J|G|1K|H|I]|$F|1L|G|1M|H|I]|$F|1N|G|1O|H|I]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|R|3|S|5|E|7|1R|8|@$F|1S|G|1T|H|O]|$F|1U|G|1V|H|I]]|9|@]|A|$]]|$1|T|3|U|5|6|7|1W|8|@$F|1X|G|1Y|H|O]]|9|@]|A|$]]|$1|V|3|W|5|6|7|1Z|8|@$F|20|G|21|H|O]]|9|@]|A|$]]|$1|X|3|-4|5|6|7|22|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|E|7|23|8|@$F|24|G|25|H|O]]|9|@$F|26|G|27|1|28]]|A|$]]|$1|10|3|-4|5|6|7|29|8|@]|9|@]|A|$]]|$1|11|3|-4|5|6|7|2A|8|@]|9|@]|A|$]]]|12|$13|$5|14|15|16|A|$17|18]]]]

<p>In Chrome 87 To prevent Chrome from autofill, The combination of three approaches fixed the problem almost entirely</p>
<ol>
<li><p>add <code>autocomplete='chrome-off'</code> to input tags and form tag. In case of Rails's form helpers, I needed to use JS to <code>setAttribute('autocomplete', 'chrome-off')</code> <strong>after</strong> page loaded</p>
</li>
<li><p>If some autocomplete/autofill feature remainings are still present (fill the same form few times to check it), add prefix <code>_</code> to <code>name</code> attribute. In my case it was <code>&lt;input name='user[_country]'</code></p>
</li>
<li><p>For locales other than English, some remainings of autofill were still present. Adding another underscores in <code>name</code> attribute helped with it, i.e. <code>&lt;input ... name='user[_c_ountr_y]'</code></p>
</li>
</ol>
<p>EDIT:</p>
<ol start="4">
<li>in production, where user input is cached, it turned out that also <a href="https://www.bennadel.com/blog/1584-preventing-form-caching-with-javascript-and-jquery.htm" rel="nofollow noreferrer">this step</a> was needed to prevent chrome autofill dropdown</li>
</ol>


<p>I know its been answered many times on SO but that is for older versions of Chrome.</p>

<p>I have Chrome Version 53.0.2785.143.</p>

<p>I want to disable Chrome to autofill password fields,</p>

<p>I have tried all methods mentioned in older SO answers, </p>

<p>Method 1:</p>

<p>Tried using fake username passwords.</p>

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

<p>Method 2:</p>

<p>Tried using <code>autocomplete='new-password'</code> and <code>autocomplete='false'</code> and <code>autocomplete='off'</code></p>

<p>But none of it works.</p>


How to disable Chrome to autofill username/email password?

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我知道这个问题已经回答了很多次了，但这是针对老版本的Chrome的。我有Chrome版本53.0.2785.143。我想禁用Chrome自动填充密码字段，我已经尝试了旧答案中提到的所有方法，方法1：已尝试使用假用户名密码。<input style="display:none" type="text" name="fak...

问如何禁用Chrome自动填写用户名/电子邮件密码？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用Chrome自动填写用户名/电子邮件密码？EN