The Password element lets the user enter text that is masked on screen. By default, its value is excluded from notification emails and saved entries.
Settings
Basic
Label
Sets the label of the element.
Description
Sets description text to display below or above the field.
Required
Sets the field to be required, meaning the user must complete it.
Styles
Label icon
Choose an icon to display in the label.
Field icons
Choose icons to display on the left or right side of the field.
Field size
Sets the padding and font size of the field. Choose Inherit to use the setting from the parent group, page, or form.
Field width
Sets the width of the field. Choose a preset size, Custom, or Inherit to use the setting from the parent group, page, or form.
Field custom width
If Field width is set to Custom, enter a custom width using any valid CSS width.
Custom CSS class
Add custom CSS classes to the field or its element wrapper using the Field and Element tabs. Separate multiple classes with a space.
CSS styles
Add custom CSS styles to parts of the element by clicking Add a style, choosing the selector, and entering the CSS into the box.
Labels
Placeholder
Sets text displayed inside the field before the user enters a value.
Sub label
Sets a small label below or above the field.
Admin label
Sets a different label for the element when viewing entries and within notification emails.
Tooltip text
Sets the text displayed in a small popup when the user interacts with the tooltip trigger.
Tooltip trigger
Choose Field, Icon, or Inherit to use the setting from the parent group, page, or form.
Tooltip event
Choose Hover, Click, or Inherit to use the setting from the parent group, page, or form.
Label position
Choose Above, Left, Inside, or Inherit to use the setting from the parent group, page, or form.
Label width
If Label position is set to Left, enter a custom label width using any valid CSS width.
Logic
Enable conditional logic
Enable or disable conditional logic for the element.
Logic rules
Choose whether to show or hide the element when all or any of the rules match. Click Add logic rule, then choose the element, operator, and value for each rule.
Data
Autocomplete
Sets the HTML autocomplete attribute to help browsers and password managers fill in the field. Use new-password when creating a password, or current-password when entering an existing password.
Maximum length
Sets the maximum allowed length of the submitted value. The browser limits how many characters the user can enter, and the value is also validated on the server. Change the error message on the Translations tab.
Show in email
If enabled, the submitted value is included in the default notification email. This setting is disabled by default.
Save to database
If enabled, the submitted value is saved to the database and shown when viewing an entry. This setting is disabled by default.
The Password element masks text on screen; it does not hash the value saved in an entry or included in an email. Keep these settings disabled when collecting account passwords.
Advanced
Unique ID
The unique element identifier is displayed here. You may need this for advanced usage.
Visibility
Sets the element to be visible to Everyone, Logged in users only, or Logged out users only. Choose Admin only to make it available only when viewing or editing entries.
Validators
Add validators to check the submitted value and display an error message if it is invalid. For example, use a Length validator to require a minimum password length.
To add a second field that must match the password, see the Confirm password field guide.
Translations
Translate the text of relevant validation messages here. The available settings depend on how the element is configured.