Editable

An easy way to edit data without reloading pages.

Basic line
HTML

Input Text

Unstyled

Text Input Sample:
Text Input Empty Sample:
Text Input No value Sample:

Bootstrap

Text Input Sample:
Text Input Empty Sample:
Text Input No value Sample:

Bootstrap Material Design

Text Input Sample:
Text Input Empty Sample:
Text Input No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Textarea

Unstyled

Textarea Sample:
Textarea Empty Sample:
Textarea No value Sample:

Bootstrap

Textarea Sample:
Textarea Empty Sample:
Textarea No value Sample:

Bootstrap Material Design

Textarea Sample:
Textarea Empty Sample:
Textarea No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Password

Unstyled

Password Sample:
Password Empty Sample:
Password No value Sample:

Bootstrap

Password Sample:
Password Empty Sample:
Password No value Sample:

Bootstrap Material Design

Password Sample:
Password Empty Sample:
Password No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Email

Unstyled

Email Sample:
Email Empty Sample:
Email No value Sample:

Bootstrap

Email Sample:
Email Empty Sample:
Email No value Sample:

Bootstrap Material Design

Email Sample:
Email Empty Sample:
Email No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input URL

Unstyled

URL Sample:
URL Empty Sample:
URL No value Sample:

Bootstrap

URL Sample:
URL Empty Sample:
URL No value Sample:

Bootstrap Material Design

URL Sample:
URL Empty Sample:
URL No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Number

Unstyled

Number Sample:
Number Empty Sample:
Number No value Sample:

Bootstrap

Number Sample:
Number Empty Sample:
Number No value Sample:

Bootstrap Material Design

Number Sample:
Number Empty Sample:
Number No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Range

Unstyled

Range Sample with source:
Range Sample with no source:
Range Sample non existing value:
Range with String values:
Range Empty Sample:
Range No value Sample:

Bootstrap

Range Sample with source:
Range Sample with no source:
Range Sample non existing value:
Range with String values:
Range Empty Sample:
Range No value Sample:

Bootstrap Material Design

Range Sample with source:
Range Sample with no source:
Range Sample non existing value:
Range with String values:
Range Empty Sample:
Range No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Dual Range

Unstyled

Dual Range with source:
Dual Range with no source:
Dual Range non existing values:
Dual Range Empty Sample:
Dual Range No value Sample:

Bootstrap

Dual Range with source:
Dual Range with no source:
Dual Range non existing values:
Dual Range Empty Sample:
Dual Range No value Sample:

Bootstrap Material Design

Dual Range with source:
Dual Range with no source:
Dual Range non existing values:
Dual Range Empty Sample:
Dual Range No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Color

Unstyled

Color Sample:
Color Empty Sample:
Color No value Sample:

Bootstrap

Color Sample:
Color Empty Sample:
Color No value Sample:

Bootstrap Material Design

Color Sample:
Color Empty Sample:
Color No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Date

Unstyled

Date Sample:
Date Empty Sample:
Date No value Sample:

Bootstrap

Date Sample:
Date Empty Sample:
Date No value Sample:

Bootstrap Material Design

Date Sample:
Date Empty Sample:
Date No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input DateTime

Unstyled

DateTime Sample:
DateTime Empty Sample:
DateTime No value Sample:

Bootstrap

DateTime Sample:
DateTime Empty Sample:
DateTime No value Sample:

Bootstrap Material Design

DateTime Sample:
DateTime Empty Sample:
DateTime No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Month

Unstyled

Month Sample:
Month Empty Sample:
Month No value Sample:

Bootstrap

Month Sample:
Month Empty Sample:
Month No value Sample:

Bootstrap Material Design

Month Sample:
Month Empty Sample:
Month No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Week

Unstyled

Week Sample:
Week Empty Sample:
Week No value Sample:

Bootstrap

Week Sample:
Week Empty Sample:
Week No value Sample:

Bootstrap Material Design

Week Sample:
Week Empty Sample:
Week No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Time

Unstyled

Time Sample:
Time Empty Sample:
Time No value Sample:

Bootstrap

Time Sample:
Time Empty Sample:
Time No value Sample:

Bootstrap Material Design

Time Sample:
Time Empty Sample:
Time No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Radio

Unstyled

Radio With Source:
Radio Without Source:
Radio With Remote Source:
Radio non existing value:
Radio with string value:
Radio Empty Sample:
Radio No value Sample:

Bootstrap

Radio With Source:
Radio Without Source:
Radio With Remote Source:
Radio non existing value:
Radio with string value:
Radio Empty Sample:
Radio No value Sample:

Bootstrap Material Design

Radio With Source:
Radio Without Source:
Radio With Remote Source:
Radio non existing value:
Radio with string value:
Radio Empty Sample:
Radio No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Input Checkbox

Unstyled

Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:

Bootstrap

Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:

Bootstrap Material Design

Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:

Bootstrap Material Design - Alternative

Checkbox With Source:
Checkbox Without Source:
Checkbox With Remote Source:
Checkbox non existing value:
Checkbox with string value:
Checkbox Empty Sample:
Checkbox No value Sample:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Select

Unstyled

Select With Source:
Select Without Source:
Select With Remote Source:
Select non existing value:
Select with string value:
Select Empty Sample:
Select No value Sample:
Select with Optgroups:

Bootstrap

Select With Source:
Select Without Source:
Select With Remote Source:
Select non existing value:
Select with string value:
Select Empty Sample:
Select No value Sample:
Select with Optgroups:

Bootstrap Material Design

Select With Source:
Select Without Source:
Select With Remote Source:
Select non existing value:
Select with string value:
Select Empty Sample:
Select No value Sample:
Select with Optgroups:

Submitted data


<div id="graph1"></div>

Basic line
HTML

Multi Select

Unstyled

Multi Select With Source:
Multi Select Without Source:
Multi Select With Remote Source:
Multi Select non existing value:
Multi Select with string value:
Multi Select Empty Sample:
Multi Select No value Sample:
Multi Select with Optgroups:

Bootstrap

Bootstrap Material Design

Bootstrap Material Design alternative

Submitted data


<div id="graph1"></div>