Leader.js - Inline form jQuery plugin

Download   Demo

Leader.js is a comprehension to enable the user to fill a form as fast and simply as possible on mobile.

Filling forms on mobiles can be overcome, with constant scrolling, tapping and opening/ re-opening of the keyboard. Leader.js illuminate the process with a shakeup of the process.

1. The keyboard will stay open while moving onto the next input.


2. The user will automatically be moved onto the next input after competition.


3. The user can edit previous inputs by pressing the backspace.

The layout is also designed to use space more adroitly, letting the developer fit the form into tight spaces.

1. INCLUDE JS FILES

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script src="js/jquery.leader.js"></script>

2. HTML

<div class="leader"></div>

3. JAVASCRIPT

$(document).ready(function()
 $('.leader').leader(
 inputs: [
 label: 'Username', type: 'text',
 label: 'Email', type: 'text',
 label: 'Password', type: 'password',
 label: 'Repeat', type: 'password'
 ],
 onSave: function(output)
 console.log(output);
 
 );
);

Leader.js - Inline form jQuery plugin