HTML5 placeholder Attribut jQuery Fix

Gerade eben habe ich festgestellt, dass das Verhalten bei Verwendung der HTML5 Placeholder Attribute nicht wie gewünscht bzw. gewohnt ist. Wenn man in das Input Feld klickt, bleibt der Text bestehen. Dies ist empfinde ich als unschön. Deshalb habe ich kurzerhand ein kleines jQuery Script geschrieben:

$('[placeholder]').focus(function() {
    var placeholder = $(this).attr('placeholder');
    $(this).attr('placeholder','');
    $(this).blur(function() {
        if ($(this).val() == '' ) {
            $(this).attr('placeholder',placeholder);
        }
    })
});

Natürlich könnte man das nun noch ein wenig kompakter gestalten, für das Verständnis habe ich es aber in dieser Form gepostet.

Update
Hier noch die komprimierte Version:

$("[placeholder]").focus(function(){var e=$(this).attr("placeholder");$(this).attr("placeholder","").blur(function(){if($(this).val()==""){$(this).attr("placeholder",e)}})})
About This Author

Post A Reply

*