1. 程式人生 > >關於IE8不支援placeholder完美解決方案,不需要任何外掛

關於IE8不支援placeholder完美解決方案,不需要任何外掛

  最近有好多人諮詢我IE8不支援placeholder的問題,自己寫了一個demo以供參考。

  js部分

 1 function input_focus(e){
 2     $(e).css("color","#000000");
 3     if($(e).val()=="請輸入文字"){
 4         $(e).val('');
 5     }
 6 }
 7 function input_blur(e){
 8     if($(e).val()=="請輸入文字"||!$(e).val()){
 9         $(e).css("color","#aaaaaa");
10         $(e).val("請輸入文字");
11 } 12 }

  通過onfocus和onblur方法獲取輸入框的文字,比較value的值,然後設定文字顏色和顯示內容。

  HTML部分

<input type="text" onfocus="input_focus(this)" onblur="input_blur(this)" value="請輸入文字" style="color: #aaaaaa;" />

   在頁面上呼叫onfocus和onblur時需要同事傳入標籤對應的this物件,方便js的呼叫。