Placeholder

by AJIEKCEU

HTML

<form class="b-search" action="/search/" method="get">
    <input name="q" class="dbPlaceholder" type="text" value="Поиск по сайту" data-default-text="Поиск по сайту"/><i></i>
                    </form>

JavaScript

//Placeholder ( add class dbPlaceholder to input or textarea that would make it work )
    var dbPlaceHolderFunc = function(){
        var dbPlaceholder = $('.dbPlaceholder');
        if ( dbPlaceholder.length ){
            dbPlaceholder.each(function(){
                $(this).attr('data-default-text',$(this).val());
            });
            dbPlaceholder.focus(function(){
                if( $(this).val() == $(this).attr('data-default-text') ){
                    $(this).val('');
                }
                
            });
            dbPlaceholder.blur(function(){
                if( $(this).val() == '' || $(this).val() == ' ' ){
                    $(this).val($(this).attr('data-default-text'));
                } 
            });
        }
    }();