{% set title = 'Input' %} {% set filename = 'form-element-input.html' %} {% extends 'src/layouts/master.html' %} {% block content %}
Give textual form controls like input upgrade with custom styles, sizing, focus states, and more.
Find helper text here for given textbox.
email@mazer.com
To set rounded border to input box, use .round
class and
to set square border to input box, use .sqaure
class alongwith
.form-control
class.
To make label in center of form-control, use .col-form-label
class with
<label>
element. This is default bootstrap class.
For Input Box with icon use .position-relative
class with
.form-group
and use class .has-icon-left
or
.has-icon-right
class for icon on
left side.
For different sizes of Input, Use classes like .form-control-lg
&
.form-control-sm
for Large, Small input box.
You can indicate invalid and valid form fields with .is-invalid
and
.is-valid
. Note that .invalid-feedback
is also supported
with these classes.