How to display placeholder attribute in Internet Explorer
by
ricardosequeira
·
Published
· Updated
<script type="text/javascript">
function isMsie() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11./)) { // If Internet Explorer, return true
return true;
}
// If another browser, return false
return false;
}
if(isMsie()) {
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur().parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
})
});
}
</script>
Download
placeholder_ieFix.zip
Tags: htmlinternet explorerjavascriptplaceholderscript
You may also like...