Add various input fields to your forms to create the structure you need.
Adding the Input Field
1. Find the Input Field element in the toolbar on the left-hand side.
2. Drag-and-drop it into a form.
Tips: A dashed blue line appears when you've started dragging an element. It shows you where the element will be added once you drop it into the form.
Use “Ctrl+Z” shortcut to undo the last action or use arrows in the toolbar at the top of the page.
If you place an input field outside of the form container, it will not be considered a part of the form.
Formatting the Input Field
3. Select an Input Field to access the formatting toolbar that enables you to edit, duplicate, lock or delete the field.
Click the Pencil icon to access the Inspector tab.
Customizing the Input Field
4. To customize the Input Field, go to the Inspector tab and make use of all the available tools.
Under Input Fields, you can mark the field as required, specify the Placeholder text and Input Field type, such as text, password, date, email, datetime, datetime local, month, time, week, number, URL, search, telephone and more.
5. You can also further customize the Input Field by making use of other options from the Inspector tab.
- In the Attributes section, you can specify the Input Field class and ID, as well as make it visible on smartphones, tablets, laptops, and PCs;
- You can select a background color, add an image or gradient to it in the Background section;
- Add shadows and customize their distance, blur, and spread;
- In the Padding and Margin sections, you can change the layout of the Input Field;
- You can also add borders and customize the roundness of the Input Field's edges.
Tip: Learn more about the Inspector tab here.