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

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

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

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

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

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

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

<input type="text" value="

这里也许就有您要的答案" οnfοcus="if(value=='这里也许就有您要的答案') {value=''}" οnblur="if(value=='') {value='这里也许就有您要的答案'}">

后来想想还是这样写比较好,先判断一下他里面的值是不是为空,如果是空的话那么就让他的值变位原来的,如果不为空就不要再初始化了
 
 
 
 
 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值