Configuring Autofill Data for Forms

Overview

The autocomplete attribute enables users to customize the autofill behavior of input fields on the Form. By utilizing the "Input Box Attributes" setting, users can specify the autocomplete attribute for individual Form controls. This provides more precise instructions to the browser on how to autofill those fields.

By default, autocomplete is disabled.

Enable Browser Autofill

To customize autofill behavior for forms, it's crucial to configure your browser's autofill settings. Different browsers may have distinct settings and interfaces for managing autofill preferences. For guidance on adjusting these settings, refer to the specific documentation or help resources each browser provides.

Browser Compatibility

Different browsers may interpret the "autocomplete" attribute differently. Ensure to test it across major browsers such as Chrome, Firefox, and Safari.

Configure Form Controls

Once the Autofill Configuration feature is enabled, you can customize the "autocomplete" attribute for each Form control using the "Input Box Attributes" setting. Follow these steps:

1. Identify the Form control for which you want to customize the autofill behavior.

2. From the properties panel, locate the "Input Box Attributes" section.

3. Click on the "ADD" button to add a new attribute.

4. Enter "autocomplete" as the "Key."

5. Enter the desired Value for the "autocomplete" attribute in the "Value" field.

6. Save or apply the changes.

Example

The following example shows how the Form control retrieves email data from addresses saved in the Chrome browser for automatic population.

1. Ensure you have data filled in Chrome’s Autofill.

2. Navigate to the Form Control > Properties Panel > Input Box Attributes.

3. Click on "Add" to set attributes.

4. Enter "autocomplete" as the Key.

5. Set the Value to correspond with the data type you want to autofill (e.g., "email").

   

7. Save and Close the Form. Add the Form in a Flow and Debug the Flow.

   

Feature Changes