在IE8中不顯示佔位符Bootstrap

我爲我的項目使用Bootstrap。佔位符在所有瀏覽器中都可以正常顯示，除了Internet Explorer 8和以下版本。在IE8中不顯示佔位符Bootstrap

是否有任何解決方案在IE8中獲得佔位符支持？

來源

2012-11-07 user521024

在IE中不支持佔位符，您必須使用一個值並將其設置爲焦點/模糊等與JavaScript。 – adeneo

您可以使用['placeholder'屬性填充]（https://github.com/jamesallardice/Placeholders.js）爲所有瀏覽器中的'placeholder'屬性添加支持。 IE不支持它低於版本10. –

你應該接受一個答案，如果他們幫助你 – Eonasdan

你可以使用jQuery插件水印爲

https://code.google.com/p/jquery-watermark/

來源

2012-11-07 12:56:46 rahul

IE9和下面不支持placeholder屬性。請參閱this

您可以使用EZPZ hints來補充它。如果瀏覽器是IE

<!--[if lt IE 10]> 
     <script src="PATHTOFILE"></script> 
    <![endif]-->

EZPZ提示，您可以繼續使用placeholder現代瀏覽器只需加載腳本。

例子：

<input type="text" id="search" placeholder="Search" /> 

$("input[type=text]").ezpz_hint();

來源

2012-11-07 12:57:18 Eonasdan

它should'nt是很難弄清楚這一點無需插件，我猜一些接近這將這樣的伎倆：

var test = document.createElement('input'); 
if (!('placeholder' in test)) { 
    $('input').each(function() { 
     if ($(this).attr('placeholder') != "" && this.value == "") { 
      $(this).val($(this).attr('placeholder')) 
        .css('color', 'grey') 
        .on({ 
         focus: function() { 
         if (this.value == $(this).attr('placeholder')) { 
          $(this).val("").css('color', '#000'); 
         } 
         }, 
         blur: function() { 
         if (this.value == "") { 
          $(this).val($(this).attr('placeholder')) 
            .css('color', 'grey'); 
         } 
         } 
        }); 
     } 
    }); 
}

來源

2012-11-07 13:12:48 adeneo

IE崩潰的'如果（！'placeholder'in test）{' –

@pinouchon - 它不適合我，但是如果這是一個問題，你需要做的就是將它包裝在括號內，並且應該解決它。補充說，以及答案。 – adeneo

可以使用這個插件 https://github.com/mathiasbynens/jquery-placeholder 即使工作在IE6

來源

2013-04-26 09:30:04 Ruben