Form Basic Elements

  1. Home
  2. Form
  3. Basic Elements
Bootstrap CardsButtons Extended

Basic Elements

eg.someone@example.com

email@pixinvent.com

Find helper text here for given textbox.

Control Sizing Options

Large Input class .form-control-lg

Large Input class .form-control-lgfor select

Small Input class .form-control-sm

Small Input class .form-control-smfor select

Input Validation States

Use.has-dangerclass for danger state

Use.has-successclass for success state

Use.has-warningclass for warning state

Input with Icons

Icon Left class .has-icon-left, Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Icon Left class .has-icon-left, Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Large Input class .form-control-lg& .font-medium-4 class for Large Icon

Small Input with Left Icon

Icon Left class .has-icon-left, Small Input class .form-control-sm& .font-small-4 class for Small Icon

Small Input with Right Icon

Small Input class .form-control-sm& .font-small-4 class for Small Icon

Round Input with Icon

Use class .has-icon-leftclass for Left Icon.

Round Input with Right Spin Icon

Default right icon. No classes needed.

Default Input with Spin Icon

Icon Left class .has-icon-left& .spinner class to spin the Icon

Default Input with Right Spin Icon

.spinnerclass to spin the Icon