有時我們在設計網頁的時候，可能會遇到這種情況。

當滑鼠移到文字框裡面或是滑鼠放到文字框上面時，文字框裡面預設的內容清除，當滑鼠離開文字框而裡面沒有內容的時候，又還原成預設的內容。

小編以前看到別人寫了一大堆程式碼，又是if又是else的，其實很簡單就能實現，如下程式碼

滑鼠移到文字框內(onfocus)獲得焦點時清空文字內容

<input value="請輸入關鍵詞搜尋" onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" name="Moble" type="text" />
 

<input value="請輸入關鍵詞搜尋" onmouseover="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" onmouseout="if(this.value==''){this.value=this.defaultValue}" name="Moble" type="text" />