internet explorer - Javascript palceholder did not work in IE9 -

internet explorer - Javascript palceholder did not work in IE9 -

here code,

$(document).ready(function() { // create "div" element , design using jquery ".css()" class. var container = $(document.createelement('div')).css({ padding: '5px', margin: '0'}); $(container).append('<input type=text class="input" id="tb1" placeholder="email" />'); $(container).append('<input type=text class="input" id="tb2" placeholder="email" />'); $(container).append('<input type=text class="input" id="tb3" placeholder="email" />'); $(container).append('<input type=text class="input" id="tb4" placeholder="email" />'); $('#main').before(container); // add together div elements "main" container. var icnt = 4; $('#btadd').click(function() { if (icnt <= 19) { icnt = icnt + 1; // add together textbox. $(container).append('<input type=text class="input" id=tb' + icnt + ' placeholder="email" />'); $('#main').before(container); // add together both div elements "main" container. } else { // after reaching specified limit, disable "add" button. (20 limit have set) $(container).append('<label>reached limit</label>'); $('#btadd').attr('class', 'bt-disable'); $('#btadd').attr('disabled', 'disabled'); } }); }

i test in browsers, works fine in ie10 , ie11, in ie9 didn't placeholder name "email".

may know, how prepare this, can help me please?

thanks in advance.

unfortunately, ie9 not back upwards such attribute placeholder. can avoid it, using jquery. link help you: placeholder in ie9

javascript internet-explorer