网站建设资讯

NEWS

网站建设资讯

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

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

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

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

我们需要这样做:



  
    
    www.jb51.net JS实现placeholder属性效果
    
  
  
    
  


运行效果如下:

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

补充:

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





www.jb51.net jQuery实现placeholder属性效果








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

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


文章名称:基于JS实现html中placeholder属性提示文字效果示例
URL分享:http://cdweb.net/article/pdepje.html