How to turn on/off form autocompletion in HTML ?

How to disable autocomplete of an HTML input field ?

Last Updated : 30 Jan, 2024

In this article, we will learn how to disable or off autocomplete features of a particular input field in HTML form. As we know the autocomplete feature is used to allow a browser to automatically complete the input data value based on the values that the user entered before. The latest browsers support enabled autocomplete by default.

The autocomplete feature faster the process of filling the form. In case of low internet excess or session expiration, if the autocomplete is enabled then the browser automatically fills the data values that the user entered before.

Syntax:

<input type="text" autocomplete="off">

Attribute Values:

Attribute Values	Description
on	It specifies that autocomplete is enabled.
off	It specifies that the autocomplete is disabled.

Example: The below code demonstrates that a form has two input fields, one with autocomplete status is on and in the other field autocomplete feature is off.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        How to disable autocomplete
        of an HTML input field?
    </title>
</head>

<body style="text-align:center;">

    <h1>GeeksForGeeks</h1>

    <h2>
        How to disable autocomplete
        of an HTML input field?
    </h2>

    <form id="myGeeks">
        Name:<input type="text" id="text_id" 
                    name="geeks" autocomplete="on">
        <br>
        Address: <input type="Address" 
                        name="address" autocomplete="off">
        <br><br>

        <input type="submit">
    </form>
</body>

</html>

Output:

fert

How to turn on/off form autocompletion in HTML ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to disable browser Autocomplete on web form field/input tag?

Input text autocomplete is the default feature of any browser. While working with the form or input fields in HTML web page autocomplete feature of the browsers come in the picture. By default autocomplete is enabled in browsers so when submitting the form it remembers the information. So when again

HTML | DOM Input Date autocomplete Property

The Input Date autocomplete property in HTML DOM is used to set or return the value of autocomplete attribute of an Input Date field. The autocomplete attribute is used to specify whether the autocomplete attribute has an "on" or "off" value. When the autocomplete attribute is set to on, the browser

HTML | DOM Input Datetime autocomplete Property

The Input Datetime autocomplete property in HTML DOM is used to set or return the value of autocomplete attribute of an Input Datetime field. The autocomplete attribute is used to specify whether the autocomplete attribute has "on" or "off" value. When the autocomplete attribute is set to on, the br

HTML | DOM Input DatetimeLocal autocomplete Property

The Input DatetimeLocal autocomplete Property is used to set or return the value of the autocomplete attribute of an Input DatetimeLocal field. The autocomplete attribute is used to specify whether the autocomplete attribute has â€œonâ€ or â€œoffâ€ value. When the autocomplete attribute is set to on, the

How to turn on/off form autocompletion in HTML ?

All the browsers by default remember information that the user submits through fields on websites. It enables the browser to offer auto-completion. This feature is usually enabled by default, but it can be a privacy concern for users, so browsers can let users disable them. But it is essential to kn

HTML DOM Input Tel autocomplete Property

The input tel autocomplete property in HTML DOM is used to set or return the value of the autocomplete attribute of an input tel field. The autocomplete attribute is used to specify whether the autocomplete attribute has an "on" or Â "off" value. When the autocomplete attribute is set to on, the brow

HTML | DOM Input Color autocomplete Property

The Input color autocomplete Property in HTML DOM is used to set or return the value of the autocomplete attribute of an Input color field. The autocomplete attribute is used to specify whether the autocomplete attribute has â€œonâ€ or â€œoffâ€ value. When the autocomplete attribute is set to on, the brow

How to enable an autocomplete in jQuery UI ?

To enable autocomplete in jQuery UI, we will be using the enable() method. jQuery UI enable() method is used to enable the autocomplete. It returns the accordion element completely to its initial state. Syntax: $(".selector" ).autocomplete("enable")Parameters: This method does not accept any paramet

HTML | DOM Input Text autocomplete Property

The DOM Input Text autocomplete Property in HTML DOM is used to set or return the value of the autocomplete attribute of an Input Text field. The autocomplete attribute is used to specify whether the autocomplete attribute has â€œonâ€ or â€œoffâ€ value. When the autocomplete attribute is set to on the bro

HTML | DOM Input Time autocomplete Property

The Input Time autocomplete Property in HTML DOM is used to set or return the value of the autocomplete attribute of an Input Time field. The autocomplete attribute is used to specify whether the autocomplete attribute has â€œonâ€ or â€œoffâ€ value. When the autocomplete attribute is set to on, the browse