Pre-filled form fields

As you have already discovered, 123FormBuilder web forms can be manipulated in various ways, to meet your needs and preferences. Besides the bunch of features that can be set and tweaked easily in your 123FormBuilder panels, there are some hidden options that you may want to use. So here is the first chapter of our Tips & Tricks manual: pre-filled form fields.

For your purposes, the primary benefit of using pre-filled form field values is that you can provide your form visitors with answer suggestions. Further, you can spare them the trouble of typing in information that you already know. Your web form will thus become friendlier and more appealing.

First thing to know about pre-filled form fields

When you prefill form field values for 123FormBuilder web forms, it is all about the URL of your web form. You will need to adjust it and then to share it with your future form users. Normally, your web form URL looks like this: The username part contains the name that you used for creating your account. 201140 is the ID of your web form. Web form URLs can be found in the Publish section -> Form Link tab -> URL (Email, Messenger) option.

The customized URL that you need to use for a form with pre-filled fields is a bit different. It will look like this:

Don’t be scared, it’s really simple. Let’s break it down.

  • The first part of the URL is essential. Notice that you are not linking to an html file, but to a php file. You can copy/paste this part – it will stay the same for every form for which you prefill fields.
  • 201140: This is the ID of your web form. It is the number contained in the URL of any page that you work on when customizing your web form. The safest place to get it is the Publish section -> Form Link tab -> option URL (Email, Messenger). Here you can find, as discussed above, the regular URL of your web form. The ID is the number displayed after your username.
  • &: The ampersand introduces a new parameter in your URL. In other words, it adds a new indication to be followed when generating the pre-filled form values.
  • control1111111=John: control1111111 is the name attribute of the form field. The = operator establishes the association between the form field and the preset field value. Finally, John is the pre-filled form field value of your choice. Basically, this structure means that the engine will prefill the form field having the name attribute control1111111 with the value John.

How to access the form field name attribute? Preview your form and inspect the form field code with a browser inspection tool. Find the part that says: name="control1111111".

How to prefill form fields

The greater part of what you need to know in order to build forms with pre-filled fields has been described above. To test it out, preview your web form. Open a new blank tab in your browser and type in the customized URL for your web form. Start with the part that remains constant throughout all customized form URLs: Copy the form ID from the regular form URL and add it to the customized form URL. Continue by adding the form field name attributes and the preset field values. Press Enter and view the result.

There are several other aspects that you need to know in order to use pre-filled form field values most efficiently. Visit the 123FormBuilder Help & Documentation section to learn more about pre-filled form fields.

Optimizing business procedures and improving digital communication through web forms, surveys, polls and online quizzes.


  1. Jeanne says:

    Can you prefill fields on Joomla-embedded forms?

    • Laura Moisei says:

      Yes, you can! To achieve that, simply create your pre-filled form fields the way described here, then use our Joomla extension to embed the form on your webpage.
      Should you need any assistance with that, please let us know.

  2. […] control1111111=John sets the preset value John for the form field with the ID 1111111. Visit the 123FormBuilder blog to learn more about customized URL […]

  3. […] control1111111=John sets the preset value John for the form field with the ID 1111111. Visit the 123FormBuilder blog to learn more about customized URL […]

Leave a Reply

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