Form - X-Editable

One stop solution for perfect admin dashboard!

X-Editable
Simple text fieldsuperuser
Empty text field, required
Select, local array, custom display
Select, remote array, no buttonsAdmin
Select, error while loadingActive
Combodate (date)
Combodate (datetime)
Textarea, buttons below. Submit by ctrl+enterawesome user!
Checklist
<table id="user" class="table table-bordered table-striped" style="clear: both">    <tbody>        <tr>            <td width="35%">Simple text field</td>            <td width="65%"><a href="#" id="username" data-type="text" data-pk="1" data-title="Enter username">superuser</a></td>        </tr>        <tr>            <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"></a></td>        </tr>        <tr>            <td>Select, local array, custom display</td>            <td><a href="#" id="sex" data-type="select" data-pk="1" data-value="" data-title="Select sex"></a></td>        </tr>        <tr>            <td>Select, remote array, no buttons</td>            <td><a href="#" id="group" data-type="select" data-pk="1" data-value="5" data-source="/groups" data-title="Select group">Admin</a></td>        </tr>        <tr>            <td>Select, error while loading</td>            <td><a href="#" id="status" data-type="select" data-pk="1" data-value="0" data-source="/status" data-title="Select status">Active</a></td>        </tr>        <tr>            <td>Combodate (date)</td>            <td><a href="#" id="dob" data-type="combodate" data-value="1984-05-15" data-format="YYYY-MM-DD" data-viewformat="DD/MM/YYYY" data-template="D / MMM / YYYY" data-pk="1"  data-title="Select Date of birth"></a></td>        </tr>        <tr>            <td>Combodate (datetime)</td>            <td><a href="#" id="event" data-type="combodate" data-template="D MMM YYYY  HH:mm" data-format="YYYY-MM-DD HH:mm" data-viewformat="MMM D, YYYY, HH:mm" data-pk="1"  data-title="Setup event date and time"></a></td>        </tr>        <tr>            <td>Textarea, buttons below. Submit by <i>ctrl+enter</i></td>            <td><a href="#" id="comments" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-title="Enter comments">awesomeuser!</a></td>        </tr>        <tr>            <td>Checklist</td>            <td><a href="#" id="fruits" data-type="checklist" data-value="2,3" data-title="Select fruits"></a></td>        </tr>    </tbody></table>