雖說現在很多網站都放棄了IE瀏覽器的低版本，但是很多時候咱們還得看甲方的要求就制作網站。如果甲方要求兼容IE789，那么咱們就得給人家做出來兼容的產品。

創新互聯建站10多年企業網站建設服務;為您提供網站建設,網站制作,網頁設計及高端網站定制服務,企業網站建設及推廣,對木托盤等多個領域擁有豐富的網站運維經驗的網站建設公司。

今天就IE789的input標簽的placeholder說一說解決方法。

一、優雅降級解決（極力推薦）

也就是俗稱的不解決細節，只要大體能滿足瀏覽的要求就可以，placeholder低版本不顯示，那么咱們就不在去做兼容方法，反正以后的幾年IE低版本的瀏覽器會被淘汰。

二、使用input的value制作placeholder的效果

這個是我以前用的一個方法，當input有光標的時候刪除value的值，光標離開的時候再去查看內容，如果是空或者是跟原來的值一樣的就顯示value，具體代碼如下。

<input type="text" value="我是一個input"/>（www.gendan5.com）
<script type="text/javascript">
$(function(){
$('input').each(function(){
$(this).attr('data-value',$(this).val())
})
$('input').on('focus input',function(){
var values = $(this).val();
var valued = $(this).data('value');
if ( values == valued ){
$(this).val('')
};
});
$('input').on('blur input',function(){
var values = $(this).val();
var valued = $(this).data('value');
if ( values == '' || values == valued){
$(this).val(valued)
};
});
});
</script>

三、使用另一個容器放input的內容（推薦）

具體的流程，

1、判斷瀏覽器的版本，如果是低版本的瀏覽器啟用容器提示方法

2、把input的placeholder放在box里面定位到input的下方，并且給input透明的背景

3、當鼠標獲取+value有變化的的時候隱藏box

4、光標離開的時候內容進行比較，如果沒有改變重新顯示文字的box

創新互聯www.cdcxhl.cn，專業提供香港、美國云服務器，動態BGP最優骨干路由自動選擇，持續穩定高效的網絡助力業務部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統配攻擊溯源，準確進行流量調度，確保服務器高可用性。佳節活動現已開啟，新人活動云服務器買多久送多久。

分享文章：低版本IE瀏覽器不兼容placeholder解決方法-創新互聯
鏈接URL：http://vcdvsql.cn/article40/epoeo.html

成都網站建設公司_創新互聯，為您提供網站維護、品牌網站建設、用戶體驗、全網營銷推廣、Google、移動網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯