WHAT ARE THE TYPES OF FORM FIELDS


S05 | E02 | HOW TO MAKE A WEBSITE LIKE A PRO

Paul Davenport |  3 min read

NEW VIDEO IN PRODUCTION. STAY TUNED VIA YOUR INBOX OR SIGN UP NOW

MOBLE allows you to build your own forms. Here will look at the Types of fields you can add from a basic Text Field to creating Price Fields for online payments.

MOBLE Form Fields



FORM FIELD TYPES

TEXT FIELD

Text field simply lets your users input text to their form submission.

Typically Text Fields include First Name, Last Name, Company etc, but can really be for anything you wish to capture.

NUMBER FIELD

Number Field is useful where you only wish to capture numbers from your users.

If your user attempts to input a non-number character into the field, on submission, a validation message will automatically appear informing your user that they may only add numbers to this field.

EMAIL FIELD

As you would expect, this captures your user's email address.

Email is a special field since all forms must contain an email address to allow for reply correspondence and anti-spam. Therefore, this field may not be deleted from your forms.

PASSWORD FIELD

On forms where you are onboarding new members, you may ask for a password.

By default, a password should be at least 6 characters in length.

On MOBLE there is a standard 'Member Signup Form' that is pre-made for you. We suggest you begin with this for your member's login area. Though of course, you may have as many member signup forms as you like, especially when creating signups forms for different member groups, with access to different pages.

DATE FIELD

Date Field is useful where you only wish to capture a date from your users. A calendar popup will appear as soon as your users start to type in this field, allowing easy input of their preferred date.

If your user attempts to input a non-date character into the field, on submission, a validation message will automatically appear informing your user that the may only add numbers to this field.

The default date format is dd/mm/yyyy, an indication of this is pre-populated in the 'Placeholder' fields automatically for you.

WEB ADDRESS FIELD

Web address field asks your users to input a website address.

This field does not have any character restrictions nor any validation messages.

TEXTAREA FIELD

Textarea allows multiple lines to be inputted by your user.

By default, unlimited characters can be inputted, though you may control the maximum number of characters in the 'Max # of Characters' field.

DROPDOWN FIELD

Dropdown is an 'Option' field that asks your user to select only one item from a dropdown list.

To create your options, simply add your options starting each new option on a new line.

RADIO OPTION FIELD

Radio is an 'Option' field that asks your user to select only one item from a selection of options.

To create your options, simply add your options starting each new option on a new line.

CHECKBOX OPTION FIELD

Checkbox is an 'Option' field that asks your user to select multiple items from a selection of options

To create your options, simply add your options starting each new option on a new line.

MULTI SELECTION LIST OPTION FIELD

Multi Selection is an 'Option' field that asks your user to select multiple items from a selection of options

To create your options, simply add your options starting each new option on a new line.

PRICE OPTION FIELDS

All for option fields may be used to display pricing and to take a payment online. 

To add a price field:

  1. Select one of the Option fields, either Drop Down, Radio, Checkbox, or Multi Selection.
  2. Add your Options, ensuring that you start each new option on a new line.
  3. To add a Price simply include your Price in the option text.
  4. If you have two numbers in your option, then the Price is the first number that appears e.g.
    $5 for 3 shitake mushrooms
    $10 for 30 shitake mushrooms
  5. Finally, click the checkbox to 'Set Price Options' and your option pricing will display in a table for you to review.
  6. In the Forms Settings area, you may set up your payment gateway (e.g. Stripe), your currency and the type of payment (e.g. one-time payment or a subscription).

Quickly add Price Fields for your Forms to take One-time and Subscription Payments.