Как отключить автозаполнение Chrome в строке поиска таблицы jquery

Question

Недавно я заметил, что Google Chrome начал автоматически заполнять все строки поиска, генерируемые динамически, когда мы строим таблицу jquery.Все эти поля не являются частью формы, но Google решает предложить значения для входа в них.Я пытался разрешить обратный вызов инициализации и играть со свойством autocomplete, но ни одно из приведенных ниже решений не помогло бы.Я не сталкивался с той же проблемой в Firefox / Safari.Любая помощь в понимании проблемы будет очень ценится.

autocomplete="off"
autocomplete="false"
autocomplete="autocompleterandom"

вот как мы инициализируем таблицу

newTable$.DataTable({
    paging: true,
    pageLength: 20,
    lengthMenu: [15, 30, 60, 80],
    search: {
        search: _this.searchValues[newTable$.data('type')]
    },
    initComplete: function() {
        $('.section input[type="search"]').prop('name', 'autocompleterandom');
        $('.section input[type="search"]').prop('autocomplete', 'autocompleterandom');
    }
});

вот так выглядит сгенерированная строка поиска

<div id="DataTables_Table_1_filter" class="dataTables_filter"> . 
    <label>Search:
        <input type="search" class="" placeholder="" aria-controls="DataTables_Table_1" 
               name="autocompleterandom" autocomplete="autocompleterandom"> 
    </label>
</div>

после нескольких часов исследования этого,это похоже на «функцию» Chrome, и сейчас Chrome предлагает сохранять пароли во всем приложении: (

https://bugs.chromium.org/p/chromium/issues/detail?id=587466

Answer 1

Это прекрасно работает:

initComplete: function() {
                $(this.api().table().container()).find('input').parent().wrap('<form>').parent().attr('autocomplete', 'off');
            }