Contact forms keep fit and sexy


by 123FormBuilder

Web forms can be embedded smoothly on any web page. With the new 123FormBuilder feature, compact forms, forms fit nicely even in small-width page sections. You can now insert your web forms in narrow columns easily and professionally.

In a compact form, field labels are displayed within input boxes. This reduces form width. When form visitors click on a field, the label is removed and the box is ready for user input. If the form field comes out of focus without being filled out, the label shows up again.

The 123FormBuilder form fields that can be compressed are: Text box, Text area, Number, Email and Website. To create a compact field, go to your Form editor, click on the form field to open its Edit panel and check the Compact field box.

Compact Form

Tips and tricks: Technically, it is not possible to use the Compact field feature for the fields not mentioned above. However, you can replace these fields with text boxes (which do accept compression) and set specific field validation options to achieve the same result. Here’s how to do it:

  • Date. Replace Date fields with text boxes and select the Date type of field validation in the Edit panel.
  • Time. Replace Time fields with text boxes and select the Time type of field validation in the Edit panel.
  • Phone. Replace Phone fields with text boxes or Number fields and set field validation to Numericplus.
  • Price. Replace Price fields with text boxes and set field validation to Numericplus.
  • Name. Replace the predefined Name field with a text box and use the Alphaspace field validation option.

Log in or sign up for a 123FormBuilder account and start creating light and flexible web forms!


  1. 銆?016骞淬儮銉囥儷銆戙€愩儸銉囥偅銉笺偣銆?銈般儹銉笺儢銉┿偆銉夈€怗LOBERIDE銆?銈儙銉?銉曘偋銈偊銈с偆銈︺偅銉炽偘銈?銉儑銈?銆怬NOFF Faiway Wings Lady銆?Smooth kick LP-416U 銈兗銉溿 says:

    This is really interesting, You are a very skilled blogger. I’ve joined your rss feed and look forward to seeking more of your magnificent post. Also, I have shared your site in my social networks!

  2. Is there a way to remove all the the excess white space to the right and left of the form?

    The smallest I can seems to make the form is approx 250 pixels because the dotted line jets out and the form looks awkward.

    I would like to make a nice simple compact form that is approx 100 pixels wide without the headline.

    is any of this possible?

    Thanks, John

    1. Hello John, thank you for your question. Our colleague from the support department wrote you a detailed email about this issue. As described in his email, our forms does not have a minimum width size. The width depends on the widest element you have in your form. He also advised you on how to solve this matter. Let me know if you need any further help.

      Best regards,

Leave a comment

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

You love forms as much as we do?

Then share your form story with us! We will read all the submitted cases and reach out the selected ones for further details. The chosen ones will have a case study created and will be featured in our blog, newsletter and social media channels.