HTML5里面一個非常不錯的擴展功能就是可以在文本框上面增加占位文本。占位文本(PlaceHolder)是指當(dāng)一個文本框沒有被focus的時候顯示的是提示文字，當(dāng)他被點擊之后就顯示空白。這個功能很不錯，但是并不是所有的瀏覽器都支持。這篇文章就來討論一下怎樣用比較簡單的方法可以讓所有瀏覽器都支持這個特性。

　　傳統(tǒng)的解決辦法

　　在我們有這個屬性之前，我們一般是通過Javascript來實現(xiàn)這個效果。 這段文字被設(shè)置在value屬性里面，當(dāng)聚焦了之后，檢驗文本框的值是否等于默認值，如果是則清空文本框。當(dāng)文本框失去焦點的時候，再檢查是否為空，為空則再寫上默認值。這個方法很不高效，而且每個文本框都得去檢測。

<input type="text" value="Search" onfocus="if (this.value == 'Search') 
{this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}">        

        

        
        
      
        
it知識庫：跨瀏覽器的HTML5占位文本(PlaceHolder)方案，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。