Back to contents

JetEngine: Forms Field Types Overview

Learn more about all JetEngine Forms field types by following this detailed overview.

Discover the ways to set and customize forms with JetEngine plugin. It lets create some kind of communication with the website visitors and allows them to submit any type of request.

Let’s go through this overview to a better understanding of what options you will have within JetEngine Forms.

Forms Field Types

Forms field types

Text

Text is the simplest type with the help of which you can create a field for Email, User Name, Surname, etc.

form text

If you mark the Set input mask checkbox – it will open a set of additional options.

form mask

A mask is a template you offer to the user. It shows the way you would like this field to be filled. Let’s take a closer look at the features.

  • Mask type. There are two options in the drop-down menu. Default allows you to set any type of mask and Datetime is a special mask type for time.
  • Input mask. This is the bar where you type the mask into. “9” means you have to place a number on that place, “a” meant alphabetical character and “*” means you can place a letter or a number there. 
  • Mask visibility. The mask could be Always visible, become visible On hover, or On focus (in this case you need to click at the bar to see the mask).
  • Mask placeholder. The symbol you will choose here fills the mask in case the user will leave the bar empty. For example, if you choose the “-” from the list, the mask for the bar is “999999” and the user didn’t fill it – it will look like this “——” in the end.

Textarea

Set this field for people to add an additional comment to the request or just to clarify some special wishes. HTML tag Textarea defines multi — lining text field. The number of symbols, that is possible to display, is unlimited and the entered text will be showcased by a monospaced font.

Textarea Type

Hidden

This field will not be visible on the Front-End but in the Dashboard, it is possible to add some value and use for example in the Calculated Formula.

Hidden Type

Select – Checkboxes – Radio

These field types are to set the kind of selection. For example, you have a restaurant website and would like users to choose where they want to have dinner, on the terrace, or indoor. In this case, a Select field type is a great option.

Select Field Type

Checkboxes field type lets choosing more than one option. As an example, it works with a food delivery website where visitors would like to select the ingredients.

Checkboxes Type

Radio is one more way to offer the range of selection. Set the fields where possible to choose the time they want to book the table in the restaurant.

Radio Type

Learn more from this full tutorial.

Number

The Number is a field for any numerical values, percentage, number of people or items, etc. In the case of a restaurant, you can give an opportunity to specify the number of people that are going to visit it.

Number Type

Date — Time

With Data field type the website users will be able to submit the dates they want to book the flight, visite someplace, etc.

It is also possible to add the Time field in order on the front-end people can select the exact time of attendance.

Date Type

Calculated

It is a formula field that can be useful when you want the customers to see the total price they need to pay for the tour or another type of service. Apply any mathematical formula using both, form field, including Hidden one, and post meta field.

Calculated Type

Media

There are cases when some media attachment is a required field in the form, for example, bill copy, photo, or other visual content. You can include different file formats, for example .jpeg, .gif, .pdf, .bmp, and more.

Media Field

If the limit of images is set to more than 1, images can be sorted during the upload.

form media field
ATTENTION!
If the images are uploaded in several stages, the new images are added to the existing ones. Previously uploaded files won’t be replaced.

WYSIWYG

This type allows adding a visual editor to any text field. The WYSIWYG field creates an editor similar to the post content one. Enter any kind of content, insert media, or custom HTML. “What You See Is What You Get” — a general term of visual editor, where the formatted content is visible while typing. Use this extra field type to allow users to add and edit information with HTML.

WYSIWYG Type

Range

This field is to set the slider that lets dragging a handle to apply the value from a defined range. In case you want to showcase prices in the slider mode, so with the Range field type, it is possible.

Range Field