HTML Autocomplete Attribute

Definition

The autocomplete attribute specifies whether the browser can automatically populate <input> <form> elements.

Applicable Elements

The autocomplete attribute can be used with the following elements:

• <form>
• <input>

HTML <form> autocomplete Attribute

The <form> tag is used to create an HTML form that contains controls for submitting user information.

The autocomplete attribute when used with the <form> element, specifies whether the browser can automatically populate all <input> elements on the <form>.

Syntax

<form action="" method="get" autocomplete="on"></form>

Usage

• The autocomplete attribute has two states; on or off.
• If the autocomplete attribute value is missing or invalid, the default state is on.
• If autocomplete is enabled, the browser may automatically complete entries as the user is typing.
• Some browsers may ignore the off setting for suspected login forms.

Values

Values can include:

• off
• on
• If the value is missing or invalid, it defaults to on.

Examples

The example shows the autocomplete attribute applying to all applicable <form> elements. In this case, it includes the two <input> elements with the text attribute.

<form action="" method="get" class="form" autocomplete="on">
  <fieldset class="fieldset">
    <label for="name">Name: </label>
    <input type="text" name="name" id="name">
    <label for="address">Address: </label>
    <input type="text" name="address" id="address">
  </fieldset>
  <div class="form-example">
    <input type="submit" value="Subscribe!">
  </div>
</form>

HTML <input> autocomplete Attribute

The <form> tag is used to create an HTML form that contains controls for submitting user information.

The autocomplete attribute, when used with the <input> element, specifies whether the browser can automatically populate a singular <input> element on the <form>.

Syntax

<input type="text" name="name" id="name" autocomplete="on">

Usage

• The autocomplete attribute has two states; on or off.
• It the autocomplete attribute value is missing or invalid, the default state is on.
• If autocomplete is enabled the browser may automatically complete entries as the user is typing.
• Some browsers may ignore the off setting for suspected login forms.
• The autocomplete attribute works with the following <input> types:
  • email
  • tel
  • password
  • text
  • search
  • url
  • datepickers
  • range
  • color

Values

Values can include:

• off
• on
• If the value is missing or invalid, it defaults to on.

Examples

The example shows the autocomplete attribute applying to a singular <input> element in the <form>.

<form action="" method="get" class="form">
  <fieldset class="fieldset">
    <label for="name">Name: </label>
    <input type="text" name="name" id="name" autocomplete="on">
    <label for="address">Address: </label>
    <input type="text" name="address" id="address">
  </fieldset>
  <div class="form-example">
    <input type="submit" value="Subscribe!">
  </div>
</form>

Specification

The autocomplete HTML specification for each of the following elements is below:

• <form>, <input>
  • HTML Living Standard Specification

Browser Support

The autocomplete has the following browser support:

Desktop

Mobile