Leader.js is a concept to enable the user to fill a form as quickly and easily as possible on mobile.

Filling forms on mobiles can be frustrating, with constant scrolling, tapping and opening/ re-opening of the keyboard. Leader.js simplifies the process with a shake up 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 completition.
3. The user can edit previous inputs by pressing the backspace.

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

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: github.com

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);
        }
    });
});