Basic Form Elements


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
Example Form
Example Form
Masked Input
Form Elements

Here's some help text

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