How to remove auto suggestion from an input tag

Question

I need someone to please tell me how to remove this auto-suggested text below the input field. I have tried autocomplete="off" , autocomplete="false". I've also placed <form autocomplete="off"></form> in form tag.

Anyone with a solution please help.

<div class="col-md-6">
    <div class="form-group">
        <span class="label">Enter Postal Code</span>
        <input type="text" class="form-control" id="search_input" autocomplete="off" placeholder="Type postal code ..." required>
    </div>
</div>

see image here

Make sure that you've spelt `autocomplete` correctly, but also look at https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values. It says that it may not even work in some browsers. --- Also put the attribute on the input, not the form — evolutionxbox, Aug 04 '21 at 15:23
Doing some of my own testing shows that `on` works when the input has a name attribute, and that `off` turns it off. — evolutionxbox, Aug 04 '21 at 15:34
Does this answer your question? [How do you disable browser autocomplete on web form field / input tags?](https://stackoverflow.com/questions/2530/how-do-you-disable-browser-autocomplete-on-web-form-field-input-tags) — Amal nandan, Aug 04 '21 at 15:34
Does this answer your question? https://stackoverflow.com/a/24884539/13983399 — BeerusDev, Aug 04 '21 at 15:39

score 1 · Answer 1 · answered Aug 04 '21 at 15:43

Here you can see which browsers support the autofill attribute CaniUse. Here is a simple work around from this source: Turning off form-autocompletion.

You can work around with autofill="new-password"

"If you are defining a user management page where a user can specify a new password for another person, and therefore you want to prevent autofilling of password fields, you can use autocomplete="new-password"."

<form method="post" action="/form">
  <div>
    <label for="cc">Enter Postal Code:</label>
    <input type="text" id="cc" name="cc" autocomplete="new-password">
  </div>
</form>

Lastly, instead of pairing a <span> with the input element, it is common practice to use the <label> element. Please read more here label

score 0 · Answer 2 · answered Aug 05 '21 at 04:30

0

Apply autocomplete="off" to your form not the input box.

answered Aug 05 '21 at 04:30

faizan siddiqui

84
3

How to remove auto suggestion from an input tag

2 Answers2