Autocomplete text input for HTML5?

Javascript Web Development Front End Scripts

Use the autocomplete attribute for autocomplete text input. The autocomplete attribute is used with a form elements 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
1	on	This is the default value. The browser automatically complete values based on what users entered before.
2	off	The 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 the 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.

For autocomplete off value, the web browser will not 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>

George John

Published on 06-Apr-2018 06:35:05

Previous Page Print Page