URL Field

Form fields for collecting website URLs

The URL Field component is a specialised text input for collecting web addresses in forms.

It behaves like a standard text field, but it is configured for URL entry and browser autocomplete, which makes it a better fit for website links and other URL-style values.

Adding a URL field

The URL Field component must be nested inside a Form component.

To add it to a screen, click Form > URL Field.

Common settings

SettingDescription
FieldConnected field from the parent form, or a custom field name entered manually.
LabelText shown to the user next to the input.
PlaceholderHint text shown inside the input before a value is entered.
Default ValuePre-fills the field when the form first loads.
Help TextSupporting text displayed beneath the input.
DisabledPrevents the user from editing the value.
Read onlyDisplays the value without allowing edits.
On changeTriggers configured actions when the field value changes.
ValidationLets you require valid URL values and choose which protocols are accepted, such as http or https.

Validation

By default, the URL field validates values as website URLs and accepts http and https links.

You can update the validation rule to allow additional protocols when needed, such as ftp or mailto.

If you are collecting standard website links, keep the default http and https protocols selected.