Placeholder attribute on input tags for IE?

Question

I know that Internet Explorer doesn\'t support the placeholder attribute for input tags, but surely in 2012 there must be another solution for IE?

Answer 1

Yes, there is a quite easy solution for IE8 and IE9 because on grater versions of IE it already works. (IE10, IE11, etc)

This is the solution i found:

1. Detect Internet Explorer version

2. Fix the placeholder

if (typeof ie == 'undefined') var ie = 10;   
if (ie == 8 || ie == 9){  

    $("input[placeholder]").each(function() {
        this.value = $(this).attr('placeholder');
    });        

    $("input[placeholder]").focus(function() 
        if (this.value == $(this).attr('placeholder')) this.value = '';
    }).blur(function() {   
        if (this.value == '')
            this.value = $(this).attr('placeholder'); 
    });
}