其實以前是透過給input|textarea設定value值來實現類似功能的，當input|textarea獲得焦點時，將其value設定為空。但是有一個問題是對於密碼輸入框：　　<inputtype=”password”>　　如果再用設定value值的方法，密碼輸入框中的值將被黑點替代。使用placeholder則可以解決這個問題，目前支援placeholder的瀏覽器為：Firefox4.0+、Chrome4.0+、Safari4.0+，Opera11、IE9。對不支援的瀏覽器我們將使用模擬的placeholder屬性的替代方法：　　具體思路是：　　1，首先判斷瀏覽器是否支援placeholder屬性，如果不支援則使用模擬placeholder　　//判斷是否支援placeholder屬性　　functionisPlaceholer(){　　varinput=document.createElement(‘input’);　　return“placeholder”ininput;　　}　　2，我們建立一個label標籤：<label>密碼</label>標籤裡面的內容為所要新增的提示文案，該文案應該從對應的input|textarea標籤取得其placeholder屬性值，再將label標籤遮蓋到所對應的input|textarea上。

　　其實以前是透過給input|textarea設定value值來實現類似功能的，當input|textarea獲得焦點時，將其value設定為空。但是有一個問題是對於密碼輸入框：

　　如 果再用設定value值的方法，密碼輸入框中的值將被黑點替代。使用placeholder則可以解決這個問題，目前支援placeholder的瀏覽器 為：Firefox4.0+、Chrome4.0+、Safari4.0+，Opera 11、IE9。對不支援的瀏覽器我們將使用模擬的placeholder屬性的替代方法：

　　具體思路是：

　　1，首先判斷瀏覽器是否支援placeholder屬性，如果不支援則使用模擬placeholder

　　//判斷是否支援placeholder屬性

　　function isPlaceholer(){

　　var input = document.createElement(‘input’);

　　return “placeholder” in input;

　　}

　　2， 我們建立一個label標籤： 標籤裡面的內容為所要新增的提示文案，該文案應該從對應的input|textarea標籤取得其placeholder屬性值，再將label標籤遮蓋 到所對應的input|textarea上。