placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。
<input type="text" name="username" id="inputusername" placeholder="用户名" />
| 浏览器 | IE6/7/8/9 | IE10+ | Firefox | Chrome | Safari |
| 是否支持 | NO | YES | YES | YES | YES |
placeholder的文字在各个浏览器下基本都是淡灰色显示。不同的地方在于，在ff和chrome下，输入框获得焦点时，placeholder文字没有变化，只有当输入框中输入了内容时，placeholder文字才消失；而在safari和ie10下，当输入框获得焦点时，placeholder文字便立即消失。
默认情况下，placeholder的文字是灰色，输入的文字是黑色。而我们拿到的设计稿上的色值往往并不与默认情况下完全一致。那么，如何修改placeholder的色值呢？
如果直接写input{color:red;}，可以看到，ie10和ff下，placeholder文字和输入文字都变成了红色，而在chrome和safari下，placeholder文字颜色不变，只有输入的文字变成红色。显然，这种做法是行不通的。因为我们只想改变placeholder文字的颜色，并不想改变输入文字的颜色。
::-moz-placeholder{color:red;} //ff
::-webkit-input-placeholder{color:red;} //chrome,safari
:-ms-input-placeholder{color:red;} //ie10
在线QQ：
