Password Field Element

Last Update: January 22, 2026

The Avada Password Element provides a secure input field for collecting passwords in forms, hiding characters as they are typed to protect user privacy. This value is then passed on in the submission entry to determine whether to allow or deny secure user access.

It can be paired with confirmation fields to verify accuracy and includes validation options to enforce requirements such as minimum length or character types.

Watch the video below for a visual overview of the Password Field Element, and view the Avada Password Field Element page. Read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Avada Password Field Element

The Avada Password Field Element allows you to place a password field into your forms. This would be most useful on registration and login forms. To start, add the Element to your desired column in a Form Layout, and go through the options to populate and configure the element. There are a range of options to configure the field as you want. Read below for a description of all Element options.

To then use the form with the Password Element in conjunction with WordPress, you can map the fields from the form to the WordPress registration and login fields, via the Form Options > Submission > Actions area. See the How To Make Custom Registration and Login pages with Avada Forms doc and video for more information on that.

Element Options

Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).

You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.

General

HeadingDescription
Field LabelEnter the label for the input field. This is how users will identify individual fields.
Field NameEnter the field name. Please use only lowercase alphanumeric characters, dashes, and underscores.
Required FieldMake a selection to ensure that this field is completed before allowing the user to submit the form.
Empty Input NoticeEnter text validation notice that should display if data input is empty.
Placeholder TextThe placeholder text to display as hint for the input type.
Tooltip TextThe text to display as tooltip hint for the input.
Input Field IconSelect an icon for the input field, click again to deselect.
Autocomplete TokensSelect an autocomplete detail token. Select custom to add your own token combination. For more info and examples, you can check MDN Web Docs.
Autocomplete Custom TokensEnter your custom autocomplete tokens. For more info and examples, you can check MDN Web Docs.
Custom PatternEnter allowed input pattern. For more info and pattern examples, you can check w3schools.
Invalid Input NoticeEnter validation notice that should display if data input is invalid.
Input Must MatchEnter a field name from the same form. If set, the form will only be sent if the field values match.
Display Reveal Password IconSet to "yes" to display an icon to reveal the entered password.
Display Password Strength IndicatorSet to "yes" to display the WordPress passowrd strength indicator when a password is typed.
Tab IndexTab index for the form field.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

Conditionals

HeadingDescription
Conditional LogicAdd conditional logic for the input field.

In this article