原来一直好奇网页上面有一些输入框:
在鼠标不点击里面的时候,里面有相应的提示信息,但是当鼠标放进去并且点击的时候,相应的提示文字就没有了,等到鼠标移走的时候文字又会显示。
下面就是一个实现功能的例子:
<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='这里也许就有您要的答案'}">
后来想想还是这样写比较好,先判断一下他里面的值是不是为空,如果是空的话那么就让他的值变位原来的,如果不为空就不要再初始化了