Forms-active
Basic Inputs
Basic HTML form components with custom style.
Your password must be between 8 and 30 characters.
Hold shift or press ctrl for multi select.
HTML Input Types
Here are the different input types you can use in HTML. Check more at W3Schools
Try selecting more than one file when browsing for files.
a search field behaves like a regular text field
Sizing
Input sizing using .form-control-lg and .form-control-sm class.
.form-control-sm
.form-control
.form-control-lg
Input Attributes
Examples of autofocus, value, readonly, disabled, required attributes in Input .
autofocus on page load
Submit the form to see it in action
The input readonly attribute specifies that an input field is read-only
The value of a disabled input field will not be sent when submitting the form
Advance Input attributes
Examples of maxlength, min, max, step, pattern, list attributes of Input.
Submit form for checkout attribute functionality.
maxlength set to 4 characters
Enter a date before 1980-01-01
Enter a date after 2000-01-01
i.e.between 1 and 5
step set to 3
pattern attribute - three letter country code
The datalist tag is not supported in Safari 12.0 (or earlier).
Theme Customizer

Personalize your experience

Theme Mode

Quick switch between themes

Sidebar Configuration

Customize your sidebar appearance

Choose between light and dark sidebar
Show or hide navigation icons
Show or hide navigation captions
Left-to-right or right-to-left layout
Container width configuration
Theme Colors

Customize your color scheme

Choose your main brand color
Customize header background color
Customize navigation bar colors
Brand logo area customization
Navigation caption text colors
Advanced Settings

Fine-tune interface details

Choose icons for expandable menus
Icons for menu link items