placeholder相容性問題解決方案

標籤：style   http   io   color   ar   os   使用   java   sp   

placeholder屬性，IE對其的支援表示無奈，firefox、google chrome表示毫無壓力。

 

<input id="t1" type="text" placeholder="請輸入文字" />

 

由於placeholder是個新增屬性，目前只有少數瀏覽器支援，如何檢測瀏覽器是否支援它呢？(更多HTML5/CSS3特性檢測可以訪問)

function hasPlaceholderSupport() {
     return ‘placeholder‘ in document.createElement(‘input‘);
}

很顯然ie不支援placeholder，不過兄弟們不用擔心。開源中國社區已經有人寫好了基於jquery的placeholder相容外掛程式

http://www.oschina.net/p/jquery-placeholder

下載後即可在使用placeholder的前端頁面加上調用函數就可以了

    <script type="text/javascript">
$(function() {
$(‘input, textarea‘).placeholder();
});
</script>

 

 

placeholder相容性問題解決方案