Basic Example

Horizontal form

Form row

Form elements

Invalid feedback
?
Bootstrap's Custom File Input

form elements

Checkboxes
Radios
Toggle switches
Toggle switch single

File Uploads

Drag and drop a file here or click

Ooops, something wrong appended.

    Drag and drop or click to replace

    Drag and drop a file here or click

    Ooops, something wrong appended.

      media1.jpg

      Drag and drop or click to replace

      Drag and drop a file here or click

      Ooops, something wrong appended.

        Drag and drop or click to replace


        Select2 elements

        Time Picker

        Color Picker

        A simple component to select color in the same way you select color in Adobe Photoshop.

        You can allow alpha transparency selection. Check out these example.

        Show pallete only. If you'd like, spectrum can show the palettes you specify, and nothing else.

        Default Date picker

        The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.

        Multiple Months

        The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.

        Input Mask

        Date Mask
        Form Input Grid
        Login to your account
        Don't have account yet? Sign up
        Forgot password

        Enter your email address and your password will be reset and emailed to you.

        Forget it, send me backto the sign in screen.
        cancel
        cancel
        cancel