Essential Fields in the 123FormBuilder tool

As essential fields, you can use Text content, Short answer, Long answer, Single choice, Multiple choice, Dropdown.

Thanks to the awesome drag and drop form builder, you can easily add any field to your form. Drag fields from the panel on the left to your main view, to the place where you want them to be. You can reposition them afterward. You can also add fields by just clicking on them in the left panel. Each element comes with an Edit option that lets you control its appearance and behavior. In this article, weā€™ll cover all the essential fields available.

Essential fields


General Particularities

  • Type in the Label of the field, the title you want your users to see.
  • Set the label’s Visibility – shown, hidden, inside the field, removed
  • When you edit the Label you can also choose the title’s style: normal, bold, or italic.
  • Check the Required box if the field must be filled in (a red asterisk will indicate that the field is required).
  • Click on Hide field if you don’t need to display it on the form.
  • Add Instructions if you want to provide additional information regarding the text box; instructions will appear right below the field label.
  • Default Value. Specifies the default value of the text field (e.g John Doe).
  • Short text fields can show a Unique ID. The ID is automatically generated when the form’s page is refreshed.
  • Match another field value. Match two input fields to force the user to type the same value in both.
  • You can choose to make an input field Read-Only.
  • On choice fields, you can set to Accept Other values instead of the pre-established choices. Once clicked, it will open an input field.
  • Limit the number of times a choice can be selected. Once the limit is reached, that particular option will be grayed out.
  • Choice fields can be used for Quiz forms.

Text content

Text content field is used to input a title or description for your respondents. In this way, you can structure your form so that your respondents could easily navigate and provide you the data you are looking for.

You can customize the label placement, the alignment of the field, color and font size of the text and also assign an internal field name for it that won’t be shown to your respondents.

Text content field


Short Answer field

A short text field allows users to enter any characters. You can use this field type to collect simple text inputs.

You can make this field required, meaning that your respondents won’t be able to submit the form unless they provide their input. From Validation, choose the input type you will accept for this field. For example: alpha numeric (letters and numbers), alpha numeric space (letters, numbers and space tab), full name, and regular expression.

If you are interested in setting the length of your respondents’ answers, you can use Min no of characters and Max no. of characters.

Providing additional information for your respondents could be made by using the Instructions field. If you are interested in making this field a read-only one, you have the option of setting this up.


Short answer field

Product/Service Field

Product/Service field is perfect if you are selling any type of products or services. You can upload an image of your product, mark it as required or hidden. As we are talking about products, you can display a price for it and a quantity selector – so that your respondents could type it how many items of that product they want to order.

Product/service field


Long Answer Field

Long answer fields are similar to short answer ones, the difference being that they allow for more text input. For example, you may use long text fields for comments or suggestions. You can set the minimum and the maximum number of words allowed or increase the height of the field in rows. Your respondents can manually increase the Long answer typing area by dragging its bottom-right corner.

Long answer field

Single Choice Field

The Single choice field allows users to choose only one item from a list of options. By using Choice alignment, you can set them to be horizontal or vertical. If the choices are set to be vertical, then you will have the option of placing them on one, two or three columns.

By default, the choices are set to have a button-like design, but if you want to disable this, you can do this by unchecking Button-like choices.

If you want to make the form more visual for your respondents, you can upload an image for each choice option.

You can select a default choice, randomize choices, or even bulk import choices of your liking. By enabling the option Clearable, you can offer your respondents the possibility of erasing the choice selection so they could select another option.

Another cool feature is the possibility of limiting the number of times a choice can be selected. The limitation can be Reset every day and you can also opt-in for Showing the number of choices left.

Single choice field


Multiple Choice Field

The Multiple Choice field allows users to choose any number of items from a list of options. Besides all the settings already outlined for Single choice field, Multiple choice field offers the possibility of setting a minimum and a maximum number of choices to be chosen by your respondents.

You can choose to Group answers toĀ receive the actual choice text instead of the Yes and No indicators.

Multiple choice field


Dropdown Field

The Dropdown field provides a list of several options from which your visitor will have to select one. You can make the dropdown Searchable for your respondents, you can also set a default choice. Show how many times each option can be selected on the form with the help of the Limit choices option.

Add a placeholder text that will show up on the first line. If you want to keep the first line blank, delete the Please select default message.

Dropdown field


Date Picker Field

If you want your respondents to select a certain date, all you have to do is to add a date picker field on your form. You can mark it as required, hidden or readonly.

Other settings are related to the date format – by default, it is set on month – day – year, but you can change it according to your needs. You can choose the separator, set a default date and the day on which the week starts on.

The new aspects of this field are the age verification feature. You can set the minimum age and we will perform a check on the form once your respondents select their birthday date.

You can also disable days to be selected by your respondents or even set up a start & end date.

Date picker field

16 comments

  1. I am trying to get headings at the end of my form to be added to the automatic reply after someone completes the form. Currently, I get the questions and answers but the headings at the end (which are rules) just show up as brackets.

    1. Hi Elizabeth, heading fields are only to display information on the form. What you can do is the following: add a short text field, add a default value with your heading text, and set the field to be read-only. You can also remove the label. Here are two screenshots with these settings:short text field with default value and the read-only option

      Now, since they are input fields, they can be incorporated into your email template. I hope the above helps. If you have any questions, let me know. Have a great day.

  2. Hey all,

    How can I make certain field visible or not due to a selection on a previous question.? Does it make sense.

    In other words, I field must only appear due to an answer in a previous drop-down box.

    TIA

  3. Hi,

    I need to show in the form the e-mail from a previous form.
    I have already made the redirection with customs variables: 123formbuilder.com/sf.php?s=form-5147990&customVars123=yes&control58816435=request5145983. But now i donĀ“t know how to show in the text the e-mail filled in the previous form. example: “An email was sent to johndoe@JJ.com

    Could you help me with that?

    Thank you,

    1. Hi Ricardo! To show directly on the form and in plain text, you will need to have a script that passed the email input into a heading or HTML block field. A much easier and faster option will be to add the information on the second form’s Thank You Page. Choose in Settings – Thank you Page -> Show HTML Block. In the body add the email field variable form the right-side dropdown list. You should have something like this: An email was sent to {[email fieldID]}.

    1. Hello Willie,

      Thank you for the comment and our sincere apologies for the delayed response.

      Yes, it is possible. From the edit panel of your short text field you will need to change the Field Validation to numeric.

  4. Hi, I need help please. I have field titles that are in ALL CAPS/2pt, and are running into the input boxes if I don’t move some of the field title text down to another line. I want all the field title text on one line. This should be possible? Also how do I justify the input boxes to the right or further away from the field titles? Thank you!

  5. Is there a way to create a report chart based on a check box field with 6 options? It would be great to have the visible data for that!

  6. Hi there – how do I make the text box fields TALLER, and make the input text that appears IN them larger?

    Thanks!

    1. Hello Stephen!

      These can be accomplished by adding some custom CSS to your form. In the Form Settings section, go to Themes and click on the link Use custom CSS. In the lighbox that appears you can use a code such as: input {height:50px} (this code will make the input box taller. Adjust the value as you see fit}.

      As for the text that appears in the input, use the code: input {font-size: 24px;} (Change the value as you see fit on your form).
      If you have text areas on your form, then you will need to use this code: input, textarea {font-size: 24px;} (This will change the size of the text within the input and textarea to 24 px)

      If you are also interested in changing the font family used within the input, follow our documentation at: https://www.123formbuilder.com/docs/how-to-change-the-font-family-for-form-inputs/

      For further assistance, don’t hesitate to contact our Support Team at support@123formbuilder.com or via our contact page.

      Thanks!

    1. Hello Daniel!

      Have you tried using the JavaScript code to embed your form on the front page or any other options available in the Form PublishEmbed Code section of your form?

      For technical assistance, don’t hesitate to contact our Support Team at support@123formbuilder.com or via our contact page.

      Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form for more information. in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?