BRICKS TUTORIALS LAUNCH SALE: USE LAUNCH30 FOR 30% OFF!

Site is under construction. No payments will be done. 

BRICKS TUTORIALS LAUNCH SALE: USE LAUNCH30 FOR 30% OFF!

Back to all tutorials

Focus on first Bricks Form field on page load

In this tutorial, we will learn how to automatically focus on the first input field when using Bricks Form. Using the same code, you will be able to focus on other fields as well, not only on the first one. However, in this tutorial, we will focus on the first one. Let’s get to work.…

In this tutorial, we will learn how to automatically focus on the first input field when using Bricks Form. Using the same code, you will be able to focus on other fields as well, not only on the first one. However, in this tutorial, we will focus on the first one. Let’s get to work.

1. Setting up a form

First, let’s create a form and put the Form element in the builder. You should now see a form like this:

Basic form