Email Fields

Email fields are a specialized field type that checks the value a user enters to ensure that it is an email address. The field looks for an @ symbol to determine if the value is an email address.

Settings

Editing an Email Field in the Form Designer

  1. Select the field on the canvas, and the options will appear in the right pane.
  2. Under Field label, enter the field label that will appear next to the field on the form.
  3. Under Variable, specify a name for the field variable associated with this field. If you do not specify a variable name, Forms will automatically assign the field one based on its label.
  4. Under Display options, select Required if users must fill in this field before submitting the form. Select Read-only if users should not be allowed to modify this field.

    5. Note: If a required field is hidden with a field rule, it is no longer required. A required field is only required when it appears on the form.

  5. Under Text above field and Text below field, you can enter any additional text that should appear with the field. Click the Insert variable button to include a variable with this text.
  6. Under Placeholder text, enter text that will display within the field, but will not be saved as part of the form values.
  7. Under Default value, enter the value that will appear in the field by default. If this option is blank, the field will appear empty by default.
  8. To configure advanced options, click the Advanced tab.
    • Under Confirmation, select Show second field for email confirmation to display a second field for email confirmation. The contents of this field must match the contents of the main email field. For Confirmation label, enter the desired label if different than the default. For Confirmation placeholder, enter the desired placeholder text if different than the default. Select the desired Layout of the email fields, either stacked top and bottom, or side by side on the form.
    • Under Tooltip, specify the help text that will appear when users hover over the field.
    • Under CSS classes, specify CSS classes to assign this field. Learn more about using CSS.
  9. Your field changes will be applied to the form automatically.

Note: The labels, tooltip, text above, and text below settings in the form designer support the use of simple HTML markup for formatting purposes.

Editing an Email Field in the Classic Form Designer

  1. Select the field on the canvas and click Edit.
  2. Under Field label, enter the field label that will appear next to the field on the form.
  3. Under Variable, specify a name for the field variable associated with this field. If you do not specify a variable name, Forms will automatically assign the field one based on its label.
  4. Under Field options, select Required if users must fill in this field before submitting the form. Select Read-only if users should not be allowed to modify this field.

    5. Note: If a required field is hidden with a field rule, it is no longer required. A required field is only required when it appears on the form.

  5. Under Text above field and Text below field, you can enter any additional text that should appear with the field. Click the Insert variable button to include a variable with this text.
  6. Under Field width, select whether the field should be small, medium, large, or x-large in width.
  7. Under Default value, enter the value that will appear in the field by default. If this option is blank, the field will appear empty by default.
  8. To configure advanced options, click the Advanced tab.
    • Under Tooltip, specify the help text that will appear when users hover over the field.
    • Under CSS class, specify a CSS class to assign this field. Learn more about using CSS.
  9. When you are finished editing the field settings, click Done. Your changes will be applied to the form automatically.