How to disable autocomplete of an HTML input field?



To disable autocomplete of an input field, the code is as follows −

Example

 Live Demo

<!DOCTYPE html> <html> <head> <style>    input{       font-size: 18px;       padding: 10px;       margin: 10px;       border:1px solid grey;    } </style> </head> <body> <h1>Autocomplete on/off Example</h1> <form> First name: <input type="text" name="firstName" autocomplete="off"><br> Last name: <input type="text" name="lastName" autocomplete="on"><br> <input type="submit"> </form> <h2>Type in the above fields and refresh page to see autocomplete at work</h2> </body> </html>

Output

The above code will produce the following output −

On typing something in the above fields after submitting the form one time −

Updated on: 2020-05-06T14:05:06+05:30

326 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements