JS实现输入框提示文字点击时消逝效果_.docx

上传人:PIYPING 文档编号:11626195 上传时间:2021-08-26 格式:DOCX 页数:4 大小:12.04KB
返回 下载 相关 举报
JS实现输入框提示文字点击时消逝效果_.docx_第1页
第1页 / 共4页
JS实现输入框提示文字点击时消逝效果_.docx_第2页
第2页 / 共4页
JS实现输入框提示文字点击时消逝效果_.docx_第3页
第3页 / 共4页
JS实现输入框提示文字点击时消逝效果_.docx_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

《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程序设计有所关心。 .

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 科普知识


经营许可证编号:宁ICP备18001539号-1