How to turn off autocomplete for input in Angular

In this tutorial, we are going to learn about how to disable autocomplete of a form input field in the Angular app.

Disabling the autocomplete

To disable the autocomplete for input fields, we need to set its autocomplete attribute to off.

Here is an example, that turnsoff the autocomplete for email input field:

<input type="email" placeholder="email" autocomplete="off"  />

We can also disable the autocomplete for an entire form, instead of a specific input field by setting an autocomplete="off" to the html <form> element.

<form autocomplete="off" >
  <input type="email" placeholder="email"  />
  <input type="password" placeholder="password"  />
</form>

These are things that happen if you set an autocomplete="off" to the form fields.

• It tells the browser not to save user-inputted data for later autocompletion.

• Browsers stop caching the form data from the session history.