Horje
How to add HTML autocomplete Attribute in Input

The input autocomplete attribute specifies whether a form or an input field should have autocomplete on or off.

Autocomplete allows the browser to predict the value. When a user starts to type in a field, the browser should display options to fill in the field, based on earlier typed values.

The autocomplete attribute works with <form> and the following <input> types: text, search, url, tel, email, password, datepickers, range, and color.

Example of ADDING HTML autocomplete Attribute in Input

An HTML form with autocomplete on, and off for one input field:
index.html
Example: HTML 
 <form action="/action_page.php" autocomplete="on">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="off"><br><br>
  <input type="submit" value="Submit">
</form>

Output should be:

Example of ADDING HTML autocomplete Attribute in Input

Full Completed code Example of ADDING HTML autocomplete Attribute in Input

The autocomplete attribute The autocomplete attribute specifies whether or not an input field should have autocomplete enabled. Fill in and submit the form, then reload the page to see how autocomplete works. Notice that autocomplete is "on" for the form, but "off" for the e-mail field!
index.html
Example: HTML 
<!DOCTYPE html>
<html>
<body>

<h1>The autocomplete attribute</h1>

<p>The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.</p>

<p>Fill in and submit the form, then reload the page to see how autocomplete works.</p>

<p>Notice that autocomplete is "on" for the form, but "off" for the e-mail field!</p>

<form action="/action_page.php" autocomplete="on">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="off"><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Output should be:

Full Completed code Example of ADDING HTML autocomplete Attribute in Input



Category:
 Web Tutorial
Sub Category:
 HTML Input Attributes
Uploaded by:
 Admin

Read Article
https://develop.horje.com/learn/1434/reference

 

Horje