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).
Settings
Theme Mode

Light / Dark / System

  • Sidebar Caption

    Show / Hide

  • Theme Layout

    LTR/RTL

  • Layout Width

    Full / Fixed

  • Custom Theme

    Choose your primary theme color

  • Header Theme

    Choose your Header theme color

  • Navbar Theme

    Choose your Navbar theme color

  • Logo Theme

    Choose your Logo theme color

  • Navbar Caption Color

    Choose your Navbar Caption Color

  • Navbar Image

    Choose your Navbar Background Image

  • Dropdown Menu Icon

    Choose your Dropdown Menu Icon

  • Dropdown Menu Link Icon

    Choose your Dropdown Menu Link Icon