<\/span><\/h2>\n\n\n\nYou can disable autocomplete feature for your website by setting autocomplete attribute to off. You can mention it for form tag, to disable autocomplete for all HTML inputs in that form. Alternatively, you can do it for a specific inputs, if you want to disable autocomplete only for specific inputs. Here is its syntax.<\/p>\n\n\n\n
autocomplete = 'off'<\/pre>\n\n\n\nHere is an example to disable autocomplete for a form.<\/p>\n\n\n\n
<form method=\"post\" action=\"\/form\" autocomplete=\"off\">
\u2026
<\/form><\/pre>\n\n\n\nHere is an example to turn off autocomplete only for one input field, in a form.<\/p>\n\n\n\n
<form method=\"post\" action=\"\/form\">
\u2026
<div>
<label for=\"password\">Password:<\/label>
<input type=\"password\" id=\"password\" name=\"password\" autocomplete=\"off\" \/>
<\/div>
<\/form><\/pre>\n\n\n\nThis will do 2 things:<\/p>\n\n\n\n
\n- It will tell web browser not to save the user input data for autocompletion later. However, some browsers may still offer suggestions.<\/li>\n\n\n\n
- It also prevents browser from saving form data in session history. This will prevent suggestions in case the user submits the form and then clicks back button to go back to the form page.<\/li>\n<\/ol>\n\n\n\n
Please note, some of the modern web browsers such as Chrome, Edge, Firefox may ignore autocomplete attribute, and still offer autocompletion.<\/p>\n\n\n\n
In such cases, you may have to try one of the following methods to see which one works for you.<\/p>\n\n\n\n
You can try changing the name attribute of the input element.<\/p>\n\n\n\n
For password input elements, you can simply set autocomplete to ‘new-password’.<\/p>\n\n\n\n
If you want to disable autocomplete for multiple input fields in a single form, then set autocomplete attribute for form element as ‘off’. Next, assign a unique text to autocomplete attribute of each input in the form. Here is an example to demonstrate it.<\/p>\n\n\n\n
<form id='my_form' autocomplete='off'>
...
<input type=\"text\" id=\"username\" autocomplete=\"input1\" \/>
<input type=\"text\" id=\"email\" autocomplete=\"input2\" \/>
<input type=\"text\" id=\"phone\" autocomplete=\"input3\" \/>
...
<\/form><\/pre>\n\n\n\nIn the above code, we have assigned unique texts input1, input2, input3 for each of the inputs where we want to turn off autocomplete. You can use any text such as skjfd, dljdl, ddjfldf. It doesn’t have to mean anything. It just needs to be unique that’s all.<\/p>\n\n\n\n