Field Autocompletion
You can configure form field autocompletion in the Forms application:
Autocompletion Type | Configuration | Field Types |
---|---|---|
Manual | Type a list of autocompletion options | Text |
Data Provider | Call an API to provide autocompletion options | Text |
Browser Autocompletion | Configure the autocomplete HTML attribute | Date Numeric Text |
Manual Autocompletion
-
Go to the Forms application. Open Site Menu → Content & Data → Forms.
-
Add a form and a text field.
-
In the text field’s configuration sidebar, add the options a user sees while typing in the field.
-
Save and publish the form, then make sure the autocompletion is working.
Autocompletion from a Data Provider
-
Go to the Forms application. Open Site Menu → Content & Data → Forms.
-
Open Data Providers and add a REST data provider configured like this:
- Name: REST Countries
- URL:
https://restcountries.com/v3.1/all
- Output Path:
$..name.common
- Output Type: List
- Output Label: Country Name
To understand more about these values, see Data Providers Overview.
-
Add a form with a text field named Country.
-
In the field editor sidebar, click Autocomplete.
-
From the newly appearing options, choose From Data Provider.
-
Select REST Countries and its output parameter, Country Name.
-
Save and publish the form.
-
Go to the form and begin entering data into the field:
Browser Autocompletion
DXP 2024.Q2+; Portal 7.4 GA120+
Browser autocompletion through HTML attributes is available for Date, Numeric, and Text fields.
-
First, make sure your browser settings have at least one address configured for autofill:
This example uses the Name and Email fields.
-
Go to the Forms application. Open Site Menu → Content & Data → Forms.
-
Add a form with these fields and configuration:
Field 1:
- Label: Name
- HTML Autocomplete Attribute (Advanced): name
Field 2:
- Label: Email
- HTML Autocomplete Attribute (Advanced): email
The HTML Attribute setting is in the Advanced tab of the field configuration sidebar.
-
Save and publish the form.
-
Go to the form and confirm that autocompletion is working:
Autocompletion in form fields can make users more likely to fill out your forms.