基于JS实现html中placeholder属性提示文字效果示例

本文实例讲述了基于JS实现html中placeholder属性提示文字效果。分享给大家供大家参考，具体如下：

创新互联是专业的陆川网站建设公司，陆川接单;提供网站制作、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行陆川网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

如何通过js实现html的placeholder属性效果呢

我们需要这样做：

运行效果如下：

补充：

这里再为大家补充一个jQuery实现的placeholder属性效果示例：

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。