$(function(){

    $("body").on("focus","input,textarea", function() {

        if(!!$(this).attr('maxlength')){

            var paopao =document.createElement('div');

            paopao.style.left= $(this).offset().left+'px';

            paopao.style.top= $(this).offset().top-30+'px';

            document.body.appendChild(paopao);

            paopao.className ='PP-Tips';

            paopao.innerHTML = $(this).val().length+"/"+$(this).attr('maxlength');

            $(this).bind('input',function(){

                paopao.innerHTML = $(this).val().length+"/"+$(this).attr('maxlength');

            });

            $(this).bind('blur',function(){

                paopao.remove()

            })

        }else{

            return ;

        }

    });

})