Placeholder is not working in IE 9 but is okay in chrome

Question

Possible Duplicate:
placeholder in ie9

A very simple test in http://jsfiddle.net/zhshqzyc/mGAPs/

My code:

<div id="generatePinsDialog" >
<label for="newCount" style="width: 400px;">
    How many?</label>
<input id="newCount" type="text" size="25" placeholder="Enter the number!" />
<br />

And:

jQuery(function() {
     jQuery.support.placeholder = false;
     test = document.ElementById("newCount");
     if('placeholder' in test) jQuery.support.placeholder = true;
});

It works in google chrome but IE 9.

Thanks for correcting the code.

[IE9 doesn't support placeholder attributes.](http://caniuse.com/input-placeholder) — Blazemonger, Nov 21 '12 at 14:54
But if you look at it in jsfiddle, it is not displaying the text in IE9. — , Nov 21 '12 at 14:55
If you absolutely need that sort of functionality, doing it with Javascript is the only cross browser compatible solution currently. — gotohales, Nov 21 '12 at 14:55
http://stackoverflow.com/questions/6366021/placeholder-in-ie9 — Billy Moat, Nov 21 '12 at 14:56

score 1 · Accepted Answer · answered Nov 21 '12 at 14:59

The placeholder attribute does not work in IE, only modern browsers. IE10 now does, though, finally.

Most of the time things like this will work in modern browsers but you need to always double check to see if it works in IE which is usually years behind all the others. One place would be http://caniuse.com/

score 0 · Answer 2 · answered Nov 21 '12 at 15:05

Assuming that you just want to check, whether the placeholder is supported by a browser, you can use this code:

jQuery(function() {
     jQuery.support.placeholder = ( 'placeholder' in (document.createElement( 'input' )) );
});

Aside from this, as mentioned in the comments, IE9 does not support placeholder (see caniuse.com)!

Placeholder is not working in IE 9 but is okay in chrome

2 Answers2