Turn off Autocomplete for Input in React

Published on Nov 30, 2021

In this short article, we are going to learn how to disable autocomplete of an input field in React. Let’s see:

Table of Contents

  1. Disable in Specefic Input
  2. Disable in Entire Form

Disable in Specefic Input

To disable autocomplete for a specific input field, we need to set autoComplete attribute to off. Example:

import React from "react";

export default function App() {
  return (
    <div theClassName="App">
      <input type="text" autoComplete="off"/>
    </div>
  );
}

Disable in Entire Form

To disable autocomplete for an entire form, we need to set autoComplete attribute with off value in the form like this:

import React from "react";

export default function App() {
  return (
    <div theClassName="App">
      <form autoComplete="off">
         <input type="text"/>
      </form>
    </div>
  );
}
That’s it. Thanks for reading. ?

Comments (0)