javascript的onfocus和onblur事件实现输入框的提示信息显隐

原来一直好奇网页上面有一些输入框:

在鼠标不点击里面的时候,里面有相应的提示信息,但是当鼠标放进去并且点击的时候,相应的提示文字就没有了,等到鼠标移走的时候文字又会显示。

下面就是一个实现功能的例子:


  
  
  1. <form action="succ.html" method="post">
  2. <input name="key" id="key" type="text" value="这里也许就有您要的答案" size="45" οnfοcus="value=''" οnblur="value='这里也许就有您要的答案'" οnkeydοwn="javascript:GoKeyDown(event);" />
  3. <input type="image" src="button.gif" οnclick="JavaScript: Search(event); return false;" />
  4. </form>

下面是相应的后台代码的实现,在这里效果好像不是很明显:

似乎大多数的论坛的博文的后台代码都不是很支持植入的js代码


  
  
  1. <input type="text" value="
  2. 这里也许就有您要的答案" ο nfο cus= "if(value=='这里也许就有您要的答案') {value=''}" ο nblur= "if(value=='') {value='这里也许就有您要的答案'}">

后来想想还是这样写比较好,先判断一下他里面的值是不是为空,如果是空的话那么就让他的值变位原来的,如果不为空就不要再初始化了
 
 
 
 
 
 

猜你喜欢

转载自blog.csdn.net/weixin_44800608/article/details/107696826
今日推荐