1. DE

Password

Use the Password form element to add a password field to your form. The password field is essentially a single-line input field, with one key difference: characters entered are not shown but are represented by a line of dots. These dots act as a ‘privacy screen’ for users when typing in their password.

The form element password is shown.

Adding Password

  1. In the Structure area, click the green plus sign.
  2. Navigate to General → Predefined and click Password.
    You can now see the form element you’ve just added in the form tree.
  3. On the right, under Edit Password, you can now adjust the settings for your new form element as required.


Property Description
Label
Enter the text of the label to be displayed next to the form field. By default, the label is shown above the form field.
Technical name
Each form element that is added to a form is automatically assigned a unique name – known as the ‘technical name’ – by Formcentric. This name is based on the designator for the form element.

Alternatively, you can generate the technical name from the label. To do this, click New from label. Find out more about the technical name.
Note
Here you have the option of adding some text to your form field that gives users additional information, such as specifying some criteria for a secure password. By default, this text is shown underneath the form field.
Placeholder Enter a piece of placeholder text here. This text is shown greyed-out in the input field. This placeholder text disappears as soon as users start typing into the input field.
Field width Specify the width of the form element.
Display variant You can use this to add a CSS class from the website that you will be embedding the form into. The CSS class chosen here will be applied to the form element.
Alternatively, you can select one or more display variants to apply to the form element.
Required field Check Required field if this form field must be filled out when completing the form. An ‘*’ will then be added to the end of the label, marking this form field as a required field. Accordingly, users will be unable to submit the form or move to the next page (if this is a multi-page form) if they have not completed this form field properly.
Error message If you check the Required field box, an input field appears. In this field, enter the text shown to users if they try to skip filling out this form field.
Autofill The Autofill option is active by default. This involves form data stored by the browser being suggested as autocomplete options for the form field.
To improve the quality of these suggestions, you can tell the browser about the information that is expected for this form field.

  1. Usage
    Specify the kinds of information entered into this form field.

Deactivate autofill
Select Deactivate autofill to prevent the field from using autofill. This will also stop web browsers from saving the form field data. To do so, move the slider to the left, which deactivates autofill for this form field.
Validation You can adjust various settings if required:

  1. Error message
    In this field, enter the text shown to users if they do not fill out the form field according to the format you have specified.
  1. Minimum length
    Specify the minimum number of characters that must be used for the password.
  1. Compare with
    Select a second password field, to compare the input in one field with the other field.
  1. Password must include
    Check the relevant checkbox if the password must include special characters, numbers and/or lowercase/uppercase letters.