《JS实现输入框提示文字点击时消逝效果_.docx》由会员分享,可在线阅读,更多相关《JS实现输入框提示文字点击时消逝效果_.docx(4页珍藏版)》请在三一文库上搜索。
1、JS实现输入框提示文字点击时消逝效果_ 本文实例讲解并描述了JS实现输入框提示文字点击时消逝效果。分享给大家供大家参考,具体如下: 在网页登陆框里的输入框里经常会看到提示你输入什么内容的字样颜色比较淡的,这个就是“文本框点击时文字消逝,失去焦点时文字消失”这个效果;这个效果用个JS就可以完成,这个效果是做网站的人必备的JS代码;自己会写JS的写写也快,不会写的就需要代码收集以作备用,用到的时候就便利多了。 下面就是这个效果实现用到的JS代码: script language=JavaScript type=text/javascript function addListener(element
2、,e,fn) if(element.addEventListener) element.addEventListener(e,fn,false); else element.attachEvent(on + e,fn); var myinput = document.getElementById(myinput); addListener(myinput,click,function() myinput.value = ; ) addListener(myinput,blur,function() myinput.value = 请输入您的ID; ) /script 只要把这段代码保存成一个J
3、S文件就可以的,在网页里做好引用就OK,轻松的完成这个给不会程序的人看起来很难的效果。 Html代码: !DOCTYPE HTML PUBLIC -/W3C/DTD HTML 4.01/EN l4/strict.dtd html head meta http-equiv=Content-Type content=text/html; charsetGB2312 / title文本框点击时文字消逝,失去焦点时文字消失/title /head body input type=text value=请输入您的ID id=myinput / /body /html script language=Ja
4、vaScript type=text/javascript function addListener(element,e,fn) if(element.addEventListener) element.addEventListener(e,fn,false); else element.attachEvent(on + e,fn); var myinput = document.getElementById(myinput); addListener(myinput,click,function() myinput.value = ; ) addListener(myinput,blur,function() myinput.value = 请输入您的ID; ) /script 盼望本文所述对大家JavaScript程序设计有所关心。 .