Teach with us

How to use autocomplete attribute in HTML?

The autocomplete attribute is used with form element to set the autocomplete feature on or off. If the autocomplete feature is on, the browser will automatically show values, based on what users entered before in the field.

If the autocomplete feature is off, the browser won’t automatically show values, based on what users entered before in the field.

The following are the attribute values −

S. No
Attribute Value
Description
1on
This is the default value. Browser automatically complete values based on what users entered before.
2off
Browser won’t complete values based on what users entered before. Users have to type the value.


You can try to run the following code to learn how to use autocomplete attribute in HTML. To check running the below code, enter some values in the input type text and click Submit. After that fill the field again and run the code again, so that on typing a value in the field, you can see the autocomplete values. This is for autocomplete on value.

Example

For autocomplete off value, web browser won’t complete values based on what users entered before.

<!DOCTYPE html>
<html>
   <head>
      <title> HTML autocomplete attribute</title>
   </head>
   <body>
      <form action = "" method = "get" autocomplete="on">
         Details:<br><br>
         Student Name<br><input type = "name" name = "sname"><br>
         Training week<br><input type = "week" name = "week"><br>
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>
Updated on 15-Jun-2020 11:13:33

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements