论坛首页 入门技术论坛

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

浏览 4566 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-05-07   最后修改:2010-05-07

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

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


 

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


     否则,当鼠标离开输入框是,该输入框将仍然显示“请输入搜索内容”
    具体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';}">

 

  • 大小: 576 Bytes
  • 大小: 213 Bytes
  • 大小: 458 Bytes
   发表时间:2010-05-08  
很有收获~~谢谢您了~~
0 请登录后投票
   发表时间:2010-05-13  
不错,很实用的方法
0 请登录后投票
   发表时间:2011-02-03  

刚刚用了下,谢谢啦。

 

http://www.liuxinglanyue.com/

0 请登录后投票
   发表时间:2011-02-11  
以前也用过 省的查文档了  多谢楼主
0 请登录后投票
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics