文本框获得焦点清空文本内容

有时我们在设计网页的时候，可能会遇到这种情况。

当鼠标移到文本框里面或是鼠标放到文本框上面时，文本框里面默认的内容清除，当鼠标离开文本框而里面没有内容的时候，又还原成默认的内容。

小编以前看到别人写了一大堆代码，又是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" />

鼠标移到文本框上方(onmouseover)获得焦点时清空文本内容

<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" />