Cant stop input from displaying auto-fill details in Chrome

Question

I have an input on my website which whenever i click in it displays the following

I have the following HTML for the input

        <div id="searchFieldSectionDiv" class="form-group">
            <div class="btn-group" style="width: 100%">
                <label class="sr-only" for="searchField">Filter results</label>
                <div class="input-group">
                    <!-- TODO: Need to filter products section as the user types -->
                    <input id="searchField" class="form-control" placeholder="Type to search..." autocomplete="off">
                    <span id="searchclear" class="glyphicon glyphicon-remove-circle"></span>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <i class="fas fa-search" style="margin-right: 0px"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

I have tried adding type="search but it still displays the address box.

Not to sure on how to hide it, all other browsers seem fine, just Chrome.

Ideally i want to add this at top level so i dont have to keep adding this to every input but again not too sure which level to add it too (body maybe?)

Maybe [this](https://stackoverflow.com/questions/15738259/disabling-chrome-autofill) works — xmaster, May 02 '19 at 13:04
Is the problem that the box appears, or that it shows previous fields? — Christopher Bennett, May 02 '19 at 13:06
I read that this should work `autocomplete="something-new"` Or something Chrome doesn't understand like `autocomplete="disabled"` — xmaster, May 02 '19 at 13:08
@xmastertje Can you suggest your last comment as an answer. I did read this also but i honestly thought it would cause issues on other browsers but it doesn't. As for the 'this' link, i read that post prior to posting this and it didn't work — murday1983, May 02 '19 at 13:25

score 1 · Accepted Answer · answered May 02 '19 at 13:29

1

You have to change autocomplete="off" to autocomplete="disabled"

Chrome stopped supporting autocomplete="off" that's why it isn't working but it doesn't understand if you use autocomplete="disabled" that's why this works for now

answered May 02 '19 at 13:29

xmaster

1,041
5
18

Cant stop input from displaying auto-fill details in Chrome

1 Answers1