Question

尝试了几种禁用自动完成功能的方法，当使用jQuery Select2输入时，Chrome仍然会忽略它。

我尝试在实际输入之前插入另一个输入字段（并使用display：none）来尝试欺骗Chrome，但这似乎也不起作用。

这是现在输入的外观：

<input type="text" autocomplete="off" autocorrect="off" 
autocapitalize="off" spellcheck="false" class="select2-input select2-default" id="s2id_autogen2" placeholder="" style="width: 283px;" aria-activedescendant="select2-result-label-3">

点击该字段时，Chrome至少有一半时间会尝试使用我保存在Chrome中的电话号码自动完成填写。任何想法如何禁用它？它还会掩盖Select2的使用，从而禁止使用Select2。

Answer 1

简单尝试

<script type="text/javascript" charset="UTF-8">
$(document).ready(function(){
    $( document ).on( 'focus', ':input', function(){
        $( this ).attr( 'autocomplete', 'new-password' );
    }); 
    $( "input.select2-input" ).attr( 'autocomplete', 'new-password' );

});
</script>

Answer 2

只需将输入内容包装在<form autocomplete="off">

中

<form autocomplete="off">
    <input type="text" ...>
</form>

Answer 3

Chrome浏览器会忽略style="display: none";或style="visibility: hidden";属性

尝试类似的方法：

     <input type="password" style="opacity: 0;position: absolute;">
     <input style="opacity: 0;position: absolute;">

Chrome会自动完成<input type="password">和<input>。

<input style="display:none">
<input type="password" style="display:none">

Chrome忽略了select2的autocomplete =“ off”

3 个答案: