Basic Form Elements

Username

This is a help text
Please enter your email
Please enter a complex password

Normal Form
Please enter your email
Please enter your password
Input Grid
Input Sizes
Inline Form
Horizontal Form
Horizontal Form with Divider


Validation States Form
Validation States with Optional Icons
Example Form
Username
Email
Password
Example Form
Example Form
Datepicker
to
Timepicker
Colorpicker
Masked Input
Form Elements
@

Here's some help text

.00
Here's more help text
$ .00
Checkboxes and Radios
Textareas and Selects
Simple select
Multiple select (Hold CTRL key )
Basic example
Multiple select
Tag Autocomplete

Just add data-role="tagsinput" to your input field to automatically change it to a tags input field.

Use a <select multiple /> as your input element for a tags input, to gain true multivalue support. Instead of a comma separated string, the values will be set in an array. Existing <option /> elements will automatically be set as tags. This makes it also possible to create tags containing a comma.

  • Memory
    4GB of 8GB
  • HDD
    250GB of 1TB
  • SSD
    700GB of 1TB
  • Bandwidth
    90TB of 100TB