JS实现输入框提示文字点击时消失效果

前端之家收集整理的这篇文章主要介绍了JS实现输入框提示文字点击时消失效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了JS实现输入框提示文字点击时消失效果分享给大家供大家参考,具体如下:

在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的,这个就是“文本框点击时文字消失,失去焦点时文字出现”这个效果;这个效果用个JS就可以完成,这个效果是做网站的人必备的JS代码;自己会写JS的写写也快,不会写的就需要代码收集以作备用,用到的时候就方便多了。

下面就是这个效果实现用到的JS代码

只要把这段代码保存成一个JS文件就可以的,在网页里做好引用就OK,轻松的完成这个给不会程序的人看起来很难的效果

HTML代码

文本框点击时<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>消失,失去焦点时<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>出现

猜你在找的JavaScript相关文章