由于placeholder是html5的新屬性，可想而知，僅支持html5的瀏覽器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。

 

placeholder是html5<input>的一個屬性，它提供可描述輸入字段預期值的提示信息（hint）， 該提示會在輸入字段為空時顯示。高端瀏覽器支持此屬性（ie10/11在獲得焦點時文字消失），ie6/7/8/9則不支持。為了兼容各主流瀏覽器并使其呈現效果保持一致，以下三套方案僅供參考。

方案一：

摒棄原始屬性placeholder，為input添加一個兄弟節點span，并為span設置絕對定位（父節點為position: relative;），使其位于input之上。html代碼片段如下：
 

1. <li> 
2.   <div class="inputMD" style="position: relative;"> 
3.     <input class="phInput" type="text" /> 
4.     <span class="phText" style="clear: both; height: 33px; line-height: 33px; color: #aaa; position: absolute; left: 10px; top: 5px;">手機號碼/郵箱地址</span> 
5.   </div> 
6. </li> 
7. <li> 
8.   <div class="inputMD" style="position: relative;"> 
9.     <input class="phInput" type="password" /> 
10.     <span class="phText" style="clear: both; height: 33px; line-height: 33px; color: #aaa; position: absolute; left: 10px; top: 5px;">請輸入密碼</span> 
11.   </div> 
12. </li>