Bit Form – HTML Field

The HTML field is one of the most powerful features of Form Builder. It allows you to add HTML code in the form builder to add more customizability to the form. Custom HTML field is a feature of the Form Builder that allows you to add HTML elements (images, text, video, and links) within the form. The benefit of adding a custom HTML field is to make your form visually appealing as well as increase the usability of the form.

⚙ General Settings​

1. Field Key​

In Bit Form, every field has a special identifier known as a Field Key. This field key uniquely identifies a field, it also helps to send data via email, PDF, store database, and PHP action hook. These keys are important in Success/Error Messages, WebHooks, Redirect Pages, Email Templates, Workflows, and Integrations.

2. Name​

The Name is an HTML equivalent input field’s name, you can customize it easily according to your preferences. You can easily modify it to suit your needs.

A field’s name is like a special label used when you submit a form. For example, let’s say the field name is “text-1-5”. In this case, ‘text’ tells us the type of field it is, ‘1’ refers to the form ID, and ‘5’ means it’s the fifth-number field on the form. This field name can be used for various purposes such as Fetch data from url parameter.

3. Admin Label​

This field is designated for administrative use and allows an administrator to set a label name that will be displayed on the responses page.

4. Size & Position​

It typically refers to the dimensions and placement of an input or output field within a user interface. It specifies the width and position, x-position, and w-width of the field on the screen or page.

5. Content​

When you click on the field you can view the Content block from the form settings option. You can customize the content of the HTML field.

The Content block consists of-

HTML Code​

You can add a custom HTML code snippet to display any specific structure. Click on the Toggle Preview & insert the custom code on the content block that you want to display.

Add Content​

Add HTML field content by clicking on the edit option. You can edit the design or format of the content from the text editor.

Insert Image​

To add an image use the Insert option. You can follow two ways to insert any image.

1. To add the image you can use any external image link

2. You can add images directly from your website.

Insert Video​

Click on the Media option from the section Insert. You can copy & paste a video link to display the video from the. Also just embed a custom HTML code for the video.

Embed Link​

Embed a link to the text from the Insert option that drives your user to the destination page.

Using a custom HTML field you can add any description, terms & conditions, and different types of instructions to your form. Also, it lets you make the form visually eye-catching by adding images and videos. Just place the HTML field where you want to add extra content to make it more useful.

6. Hidden​

This option allows you to make the field hidden when the form is displayed on the front end.

7. Disabled​

The disables field option disables user input and interaction, ensuring the accuracy and integrity of form data by preventing the visitor from entering or changing any information in the form.