1. 程式人生 > >Js 文字框 placeholder 相容IE7 IE 8不能顯示的效果

Js 文字框 placeholder 相容IE7 IE 8不能顯示的效果

IE7 IE 8 對文字框的  placeholder 屬性不支援

提出一種解決方案

//**前提 需引用 jquery.js檔案

<script type="text/javascript">

$(function(){

       handlePlaceholderForIE();

});

 function handlePlaceholderForIE() {
            // placeholder attribute for ie7 & ie8
            if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) <= 9) {

                // ie7&ie8
                jQuery('input[placeholder], textarea[placeholder]').each(function () {
                    var input = jQuery(this);
                    jQuery(input).val(input.attr('placeholder'));
                    jQuery(input).focus(function () {
                        if (input.val() == input.attr('placeholder')) {
                            input.val('');
                        }
                    });
                    jQuery(input).blur(function () {
                        if (input.val() == '' || input.val() == input.attr('placeholder')) {
                            input.val(input.attr('placeholder'));
                        }
                    });
                });
            }
        }

</script>

<input    type="text" id="txt"  placeholder="請輸入您的賬號"     autocomplete="off"" />