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

来源:互联网 发布:php语言精粹 pdf 编辑:程序博客网 时间:2024/04/29 19:00

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

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

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

<form action="succ.html" method="post"><input name="key" id="key" type="text" value="这里也许就有您要的答案" size="45" onfocus="value=''" onblur="value='这里也许就有您要的答案'" onkeydown="javascript:GoKeyDown(event);" /><input type="image" src="button.gif" onclick="JavaScript: Search(event); return false;" /></form>

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

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

<input type="text" value="这里也许就有您要的答案" onfocus="if(value=='这里也许就有您要的答案') {value=''}" onblur="if(value=='') {value='这里也许就有您要的答案'}">

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