Some components in Unqork support the Autocomplete setting. Autocomplete detects end-user data saved in a browser and uses it to fill relevant fields. For example, in Express View, if there is a Text Field component labeled First Name, and an end-user clicks into the field, the end-user's browser autofill function suggests first names saved to the browser.
By default, Unqork's autocomplete function is set to ON and detects a component's label to map the correct autofill value to the field. For example, if a Text Field component's Label Text value contains the word Last, then autocomplete fills the field using the end-user's browser-saved Last Name value.
Discover how to inspect and debug Chrome autofill data in Google's autofill article: https://developer.chrome.com/docs/devtools/autofill.
Supported Components
The following components support the autocomplete function:
Date Input Component
Learn how to let end-users enter dates in your applications.
Number Component
Learn how to let end-users enter number values in your applications.
Phone Number Component
Learn how to let end-users enter USA-specific phone numbers in your applications.
Text Area Component
Learn how to let end-users enter multiple sentences of text in your applications.
Text Field Component
Learn how to let end-users enter short sentences of text in your applications.
Unqork Autocomplete Values
Unqork supports autocomplete for a variety of inputs. The list below contains the Unqork autocomplete values and a description of each.
Autocomplete Value | Description |
|---|---|
on | Autocomplete is enabled. This setting uses the Label Text value to detect what autocomplete value to input. For example, if a Text Field component's Label Text value contains the word Last, then autofills the field using the end-users browser-saved The Autocomplete setting defaults to this value. |
off | Autocomplete is disabled. When selecting a field, it does not display the browser's autofill function. |
address-line1 | The first line of an address, as highlighted in red text below:
|
address-line2 | The second line of an address, as highlighted in red text below:
|
address-line3 | The third line of an address, as highlighted in red text below:
|
address-level1 | The state or province of an address, as highlighted in red text below:
|
address-level2 | The city name in an address, as highlighted in red text below:
|
address-level3 | The third level of an address is in addresses that have three or more levels. |
address-level4 | The fourth level of an address in addresses that have four levels. |
street-address | The full address, including |
country | The country or territory code. For example, |
country-name | The country or territory name. For example, the country |
postal-code | The postal code (ZIP code) value in an address, as highlighted in red text below:
|
name | The full name value. Includes |
additional-name | The middle name value. For example, the middle name |
family-name | The last, or family name value. For example, the last name |
given-name | The first name value. For example, the first name |
honoric-prefix | The title, like Mr., Mrs., and so on. For example, the prefix |
honoric-suffix | The name suffix. For example, the suffix |
nickname | The nickname or user handle. This value is different than |
organization-title | The job title. For example, a |
username | The username or account name. |
new-password | The new password. Use this setting to prevent the browser from accidentally filling a new password field with the current or existing password. |
current-password | The current password. |
bday | The full birth date. Includes the |
bday-day | The day of the birth date. For example, |
bday-month | The month of the birth date. For example, |
bday-year | The year of the birth date. For example, |
sex | The gender identity. Examples include |
one-time-code | Selects the one-time password (OTP) for verification. End-users receive this value from an external service, usually SMS, email, or an authenticator application. |
organization | The company name. |
cc-name | The full name as displayed on a credit card. Includes |
cc-given-name | The first name as displayed on a credit card. For example, the first name |
cc-additional-name | The middle name as displayed on a credit card. For example, the middle name |
cc-family-name | The last name as displayed on a credit card. For example, the last name |
cc-number | The credit card number. |
cc-exp | The credit card expiration date. Includes |
cc-exp-month | The credit card expiration month. For example, |
cc-exp-year | The credit card expiration year. For example, |
cc-csc | The credit card CVC code. Typically, a 3 or 4-digit code. |
cc-type | The credit card's payment type. For example, |
transaction-currency | The currency type for the transaction. Example values include |
transaction-amount | The amount of currency in the |
language | The preferred language. Specified as an IETF BCP 47 language tag. |
url | The web address URL. Examples include a homepage, company website, or other address, depending on the context of the fields in the form. |
The email address. For example, | |
photo | The URL of an image displaying the person, company, or contact information, depending on the context of the fields in the form. |
tel | The full phone number. For example, |
tel-country-code | The country code from a phone number. For example, the country code for the United States is |
tel-national | The phone number without the country code. For example, |
tel-area-code | The phone number's area code. For example, the value |
tel-local | The phone number does not include a country code or area code. For example, |
tel-local-prefix | The phone number's local prefix. |
tel-local-suffix | The phone number's local suffix. |
tel-extension | The phone number's extension code. |
impp | The URL of an instant messaging protocol endpoint. For example, |