placeholder not working in ie9?how to fix it

Question

<label>Text:   
<span style="position: relative;"> 
<input id="placeholder1314588474481" name="text" maxLength="6" type="text" placeholder="Hi Mom">
 <label style="font: 0.75em/normal sans-serif; left: 5px; top: 3px; width: 147px; height: 15px; color: #bababa; position: absolute; overflow-x: hidden; font-size-adjust: none; font-stretch: normal;" for="placeholder1314588474481">Hi Mom</label> </span> </label>

i have also used some jquery.

 

How to set place holder without any script or query in ie9.

Answer 1

Thank You :)

Answer 2

You could use this jQuery plugin: https://github.com/mathiasbynens/jquery-placeholder

But your link seems to be also a good solution.

Answer 3

Hi,

Please don't just copy paste the code from here, as it had lost spaces when formatted.

Please check putting this -

<!-- IF IE - use Placeholder Fallback -->

<!--[if lt IE 10 ]>

<script>

$(document).ready(function () {

$("body").find('[placeholder]').each(function () {

$(this).val($(this).attr('placeholder'));

$(this).focus(function () {

if ($(this).attr('placeholder') == $(this).val()) {

$(this).val('');

}

});

});

});

</script>

<![endif]-->

Answer 4

Hi,

This script is not working in ie9.

Answer 5

Hi,

Check this -

<!--IFIE-usePlaceholderFallback-->
<!--[ifltIE10]>
<script>
$(document).ready(function(){
$("body").find('[placeholder]').each(function(){
$(this).val($(this).attr('placeholder'));
$(this).focus(function(){
if($(this).attr('placeholder')==$(this).val()){
$(this).val('');
}
});
});
});
</script>
<![endif]-->