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 - Form element

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...
HTML - Input Element

An inputinput element of a form control that permits to define a scalar value inputFull list Ref Doc The type attribute defined: the default behavior the design of the element. and the...
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 an search box with an autocompletion feature



Share this page:
Follow us:
Task Runner