鼠标移到(移上)文本框清空文本内容|三体教程
文章目录

鼠标移到(移上)文本框清空文本内容

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

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

小编以前看到别人写了一大堆代码,又是if又是else的,其实很简单就能实现,如下代码

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

html代码<input value="请输入关键词搜索" onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" name="Moble" type="text" />
鼠标移到文本框上方(onmouseover)获得焦点时清空文本内容
html代码<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" />

本文网址:http://www.santii.com/article/6.html


数据更新时间:2018-05-25