Form

Based on Bootstrap, there are some special fields with the elcom Platform style.

Search field

Add the <input> inside the class uiSearchInput.

This search type is a good choice for the simple search function.

Text field with button

Add button and input inside the class input-append.

The inline form is suitable with simple function that is expected to display in one line to save spaces, such as login and newsletter.

Big Title Text Field

This text field has big size that can be used for special purposes, for example sign-in title, wiki title.

With a horizontal form, all form elements are displayed in good order.

Text field

Basic inputs are text fields that are supported with types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

The type is required at all times.

Input size

Validation states

Disabled inputs

Add the disabled attribute to disable an input field.

Textarea

A textarea allows more space for data input. Change the rows attribute as necessary.

Checkboxes and radios

Checkboxes are used for selecting one or several options while radios are for selecting only one option at once.

Default (stacked)

Switch Radio

By using the iphone-style-checkboxes.js provided by elcom Platform Team, there is a nice switch radio:

Selects

The default or multiple="multiple" options can be selected at once.