70,79%
  1. Home
  2. Forms
  3. Elements

Form Elements

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
Use the grid for big devices!
Input Grid for small devices!
Input Sizes
Inline Form


Horizontal Form
Horizontal Form with Divider
Validation States Form
Validation States with Optional Icons
Icon/Text Groups
.00
Buttons Groups
Dropdowns Groups
Form Elements
@

Here's some help text

.00
Here's more help text
$ .00
Datepicker
to
Timepicker
Colorpicker
Select color
Masked Input
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.