最近做东西用到placeholder这个属性,可是这个属性在低版本的IE或者QQ浏览器等这些浏览器上这个属性不能生效,后来在网上查了下,发现了jquery的一个插件jquery.placeholder.js。发现挺好用的。。。我在IE6上试了一下可以支持。
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 $(function () { 2 3 $('input,textarea').placeholder(); 4 5 });
然后有时候其实他就相当于再不支持placeholder的时候在控件上进去一系列赋值操作如:
<input type="text" value="First Name" οnfοcus="if(value=='First Name') {value=''}" οnblur="if (value=='') {value='First Name'}"/>
当时我们直接这样写的时候首先是麻烦,其次是不便于做必填验证。所以在用placeholder.js的时候可以在submit的时候家这样一段代码
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
1 $("[placeholder]").each(function () { 2 var input = $(this); 3 if (input.val() == input.attr("placeholder")) { 4 input.val(""); 5 } 6 });