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.