HTML - AutoComplete

About

autocompletion in HTML will be find:

Attribute

The autocomplete attribute permits to fill forms with known or history data of the user such as:

  • address
  • postcode

The autocomplete attribute can be set:

The autocomplete attribute describes the semantic of the value in order to auto-fill the form.

Example:

Your phone number: <input type=tel name=custtel autocomplete="billing tel">
Recipient's phone number: <input type=tel name=shiptel autocomplete="shipping tel">
Romanized name: <input name="e" type="text" autocomplete="section-en name">
Japanese name: <input name="j" type="text" autocomplete="section-jp name">
Credit card number:<input name="cc" type="text" inputmode="numeric" pattern="[0-9]{8,19}" autocomplete="cc-number">

See all possible value called autofill-field such as:

  • off to turn it off
  • email
  • name
  • honorific-prefix
  • given-name
  • additional-name
  • family-name
  • honorific-suffix
  • nickname
  • username
  • new-password
  • current-password
  • one-time-code
  • organization-title
  • organization
  • street-address
  • address-line1
  • address-line2
  • address-line3

See all possible values at the specification





Discover More
HTML - datalist

datalist is a html element that creates a set of value permitted (a domain) that may be used in a input element by grouping options. It does not force a selection as the HTML select element does autocomplete...
Color Autocompletion List
How to create an Autocompletion functionality with CSS, Javascript and HTML

This article shows you how to create a search box with an autocompletion feature
What are HTML Input Elements?

An inputinput element of a form control that permits to define a scalar value (single value) inputFull list Ref Doc The type attribute defined: the default behavior the design of the element....
What is an HTML Form?

form is an element that represents a user-submittable form. When parsed as HTML, a form element's start tag will imply a p element's end tag just before. The pizza order form (taken from the...



Share this page:
Follow us:
Task Runner