Bulma Form Control
Bulma is a free and open-source CSS framework that is used to build beautiful and responsive websites using the pre-styled elements and components that comes with Bulma.
In this article, we will learn about the Bulma Form control class. Bulma form control is a container with its display property set to block. The Bulma control class is used for a block container that enhances single form controls. The Bulma Form container can contain only four elements namely input, select, button, icon. The Bulma control container is useful for the following reasons.
- It helps in maintaining consistent spacing.
- The controls can be combined together to make groups or lists.
- The control container helps in adding an icon to a form control.
<div class="control"> .... </div>
Control class with elements:
<div class="control"> <input class="input" type="email" placeholder="Email"> <div class="select"> <select> <option>....</option> <option>....</option> </select> </div> <button class="button">....</button> <span class="icon">...</span> ... </div>
Example: The below example shows how to use the Bulma control container.