Metronic | Form Stuff - Form Components

THEME COLOR

Layout Header Sidebar Footer

Form Components form components and widgets

Multiple Select

Default

Dallas Cowboys
New York Giants
Philadelphia Eagles
Washington Redskins
Chicago Bears
Detroit Lions
Green Bay Packers
Minnesota Vikings
Atlanta Falcons
Carolina Panthers
New Orleans Saints
Tampa Bay Buccaneers
Arizona Cardinals
St. Louis Rams
San Francisco 49ers
Seattle Seahawks

Dallas Cowboys
New York Giants
Philadelphia Eagles
Washington Redskins
Chicago Bears
Detroit Lions
Green Bay Packers
Minnesota Vikings
Atlanta Falcons
Carolina Panthers
New Orleans Saints
Tampa Bay Buccaneers
Arizona Cardinals
St. Louis Rams
San Francisco 49ers
Seattle Seahawks

Grouped Options

- NFC EAST
- Dallas Cowboys
- New York Giants
- Philadelphia Eagles
- Washington Redskins
- NFC NORTH
- Chicago Bears
- Detroit Lions
- Green Bay Packers
- Minnesota Vikings
- NFC SOUTH
- Atlanta Falcons
- Carolina Panthers
- New Orleans Saints
- Tampa Bay Buccaneers
- NFC WEST
- Arizona Cardinals
- St. Louis Rams
- San Francisco 49ers
- Seattle Seahawks

- NFC EAST
- Dallas Cowboys
- New York Giants
- Philadelphia Eagles
- Washington Redskins
- NFC NORTH
- Chicago Bears
- Detroit Lions
- Green Bay Packers
- Minnesota Vikings
- NFC SOUTH
- Atlanta Falcons
- Carolina Panthers
- New Orleans Saints
- Tampa Bay Buccaneers
- NFC WEST
- Arizona Cardinals
- St. Louis Rams
- San Francisco 49ers
- Seattle Seahawks

Select 2 Dropdowns

Basic

Select an option

Multi-Value Select

Loading Data

Country List

Afghanistan

Tags Support List

red
blue

Loading Remote Data

Search for a movie

IP Address Input

Input Masks

Date 1

y/m/d

Date 2

change the placeholder

Date 3

multi-char placeholder

Phone

(999) 999-9999

Tax ID

99-9999999

Number

mask "9" or mask "99" or ... mask "9999999999"

Currency

123456 => EUR ___.__1.234,56

Currency 2

123456 => EUR ___.__1.234,56(left aligned)

SSN

999-99-9999. remove the empty mask on blur or when not empty removes the optional trailing part

Tags Input

File Upload

Default

Advanced

Select file Change Remove

Without input

Select file Change

Image Upload

Select image Change Remove

NOTE! Attached image thumbnail is supported in Latest Firefox, Chrome, Opera, Safari and Internet Explorer 10 only

Color Pickers

Datetime Pickers

Date Pickers

Time Pickers

Clockface Time Pickers

Date Range Pickers

Extras

Right Action Input

Left Action Input

Basic Toggle Button

ONOFF

Toggle Buttons with Text

Lorem IpsumDolor Sit

Styled Toggle Button

ONOFF

Height Toggle Button

ONOFF

WYSIHTML5 Editor 1

WYSIHTML5 Editor 2

CKEditor

	April 2025
Su	Mo	Tu	We	Th	Fr	Sa
30	31	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	1	2	3
4	5	6	7	8	9	10
Today

	December 2012
Su	Mo	Tu	We	Th	Fr	Sa
25	26	27	28	29	30	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5
Today

	April 2025
Su	Mo	Tu	We	Th	Fr	Sa
30	31	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	1	2	3
4	5	6	7	8	9	10
Today

	December 2012
Su	Mo	Tu	We	Th	Fr	Sa
25	26	27	28	29	30	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5
Today

	February 2013
Su	Mo	Tu	We	Th	Fr	Sa
27	28	29	30	31	1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	1	2
3	4	5	6	7	8	9
Today

	2020-2029
201920202021202220232024202520262027202820292030
Today

	2010-2019
200920102011201220132014201520162017201820192020
Today

	2020-2029
201920202021202220232024202520262027202820292030
Today

	2010-2019
200920102011201220132014201520162017201820192020
Today

portlet Settings

Form Components form components and widgets

Insert link

Insert image

Insert link

Insert image