How to disable autocomplete of an HTML input field?

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


 Live Demo

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


The above code will produce the following output −

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