学院网站建设项目概述,北京南站到故宫最佳路线,一台服务器做两个网站吗,合肥网站备案版权声明#xff1a;本文为博主原创文章。未经博主同意不得转载。 https://blog.csdn.net/QianShouYuZhiBo/article/details/28913501 html5的placeholder功能在表单中经经常使用到。它主要用来提示用户输入信息#xff0c;当用户点击该输入框之后#xff0c;提示文字会自己… 版权声明本文为博主原创文章。未经博主同意不得转载。 https://blog.csdn.net/QianShouYuZhiBo/article/details/28913501 html5的placeholder功能在表单中经经常使用到。它主要用来提示用户输入信息当用户点击该输入框之后提示文字会自己主动消失。 我们用jquery实现相似的功能 当输入框获得焦点时清空输入框中的提示文字。 当输入框失去焦点时。若输入框中的数据为空则再次出现提示文体。 效果图 talk is cheap , show you code: !doctype html
html
head
meta charsetutf-8
titlejquery test/title
script srcjquery-1.11.1.min.js/script
style typetext/cssinput{margin-top:50px;margin-left:100px; color: gray;}
/style
/headbody
divinput typetext idusername value用户名/div
divinput typetext idemail value邮箱/div
/body
script typetext/javascript$(input).click(function(){$(this).val();});$(input).blur(function(){if($(this).val() ){$(this).val(this.defaultValue);} })
/script
/html说明this.defaultValue指的是该标签原始的value值 转载于:https://www.cnblogs.com/ldxsuanfa/p/10543867.html
