当在搜索框中未输入内容时显示“请输入”，按下鼠标后自动清空

     对于一个人性化的输入框，当没有输入搜索内容是，搜索框中将显示“请输入搜索内容”

    当将鼠标按到输入框是，该内容应当消失

 

  如果输入了搜索内容，该输入框将显示输入的内容


     否则，当鼠标离开输入框是，该输入框将仍然显示“请输入搜索内容”
    具体JS的实现代码如下：

  

  <input type="text" value="请输入搜索内容" style="color:gray;" 
	onfocus="javascript:if(this.value == '请输入搜索内容') 
	this.value = ''; this.style.color='black';"
	onblur="if(this.value == '') {this.value = '请输入搜索内容'; 
	this.style.color = 'gray';}">

 

评论

4 楼 kongda2008 2011-02-11  

以前也用过 省的查文档了  多谢楼主

3 楼 liuxinglanyue 2011-02-03  

<p>刚刚用了下，谢谢啦。</p>
<p> </p>
<p><a href="http://www.liuxinglanyue.com/" target="_blank">http://www.liuxinglanyue.com/</a></p>

2 楼 mybreeze77 2010-05-13  

不错，很实用的方法

1 楼 T我们的爱T 2010-05-08  

很有收获~~谢谢您了~~