我们都知道通过给input标签加一个：placeholder属性，就能写一些说明信息，比如：<input type=text placeholder="请输入用户名" /> 这样一来，是不是就很明了的说明了这个输入框的含义，对于用户体验也是很好的。

　　通过上图，我们看到的占位符，想让所有浏览器看到的都是一致的。那该怎么办呢？

　　但是，奇葩的IE是不的，起码IE11之前是有问题的。我们可以通过caniuse来查一下。

　　通过上图，就可以看出IE11才开始placeholder占位符，Safari10之前不的等等。

　　为了让所有的浏览器都，我们来看一个jQuery插件：jquery-placeholder.js

　　那么它是什么？

　　这是一个jQuery插件，它让所有的浏览器都可以HTML5占位符行为（placeholder），它IE6+和所有现代浏览器。你需要jquery1.6+。

　　那么如何获取它呢？

　　我们可以通过github，搜索jquery-placeholder，就可以看到它的详细说明和使用方式。

　　那么如何使用它呢？

　　通过上图，我们就可以很快的应用起来了。

　　你还可以定义placeholder的颜色等，充分发挥占位符的功能。

　　此图片来自网络

　　至此，就介绍完了这个通用的占位符插件了。如果你喜欢请收藏我吧，有什么想看的内容，也欢迎留言，我会尽力满足大家的。O(∩_∩)O