搜索框里显示字段鼠标点击后就隐藏的方法

时间,渐渐带走了年少轻狂,也慢慢沉淀了冷暖自知。成功的道路上,肯定会有失败;对于失败,我们要正确地看待和对待,不怕失败者,则必成功;怕失败者,则一无是处,会更失败。

我们可以看到一些网站上的搜索框内有默认的字段,但我们鼠标点击后就没有了。我也想在我的网站的搜索框内实现这样的效果,于在网上搜寻一番,终于找到实现这一效果的方法。

方法如下:

<input name="keyword" id="keyword" type="text" class="searchtxt"  size="20" value="探寻预留字" style="color:#ddd" onfocus="if (this.value=='探寻预留字')this.value=''" onblur="if (this.value=='')this.value='探寻预留字'" />


 

Quote:


<input name="keyword" id="keyword" type="text" class="searchtxt"  size="20" value="探寻预留字" style="color:#ddd" onfocus="if (this.value=='探寻预留字')this.value=''" onblur="if (this.value=='')this.value='探寻预留字'" />


//解释onfocus="if (this.value=='探寻预留字')this.value=''"  当选中INPUT时候如果VALUE中的文字为 探寻预留字,则VALUE="",

//onblur="if (this.value=='')this.value='探寻预留字'"  当焦点失去,如果搜索文本框INPUT 中无任何数据,则value='探寻预留字'


 

到此这篇关于搜索框里显示字段鼠标点击后就隐藏的方法就介绍到这了。对待生命你不妨大胆冒险一点儿,因为好歹你要失去它。更多相关搜索框里显示字段鼠标点击后就隐藏的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: 鼠标点击