Welcome back



This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Live Demo

<table id="editable-form" class="table table-striped editable-form">
        <td width="35%">Simple text field</td>
        <td width="65%"><a href="#" id="username" data-type="text" data-pk="1" data-title="Enter username" class="editable editable-click">superuser</a></td>
        <td>Empty text field, required</td>
        <td><a href="#" id="firstname" data-type="text" data-pk="1" data-placement="right" data-placeholder="Required" data-title="Enter your firstname" class="editable editable-click editable-empty">Empty</a></td>
Simple text field superuser
Empty text field, required Empty
Select, local array, custom display not selected
Select, remote array, no buttons Admin
Select, error while loading Active
Datepicker 25.02.2013
Combodate (date) 15/05/1984
Combodate (datetime) Empty
Bootstrap Datetimepicker 15/03/2013 12:45
Textarea, buttons below. Submit by ctrl+enter awesome user!
Bootstrap 2 typeahead California
Checklist peach
Select2 (tags mode) html, javascript
Select2 (dropdown mode) Bahamas
Custom input, several fields Moscow, Lenina st., bld. 12