在HTML5中新增了许多新特性，其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。
placeholder属性适用于下面的表单input类型：text、search、url、tel、email 和 password。IE10、Firefox、Opera、Chrome 和 Safari 支持 placeholder 属性。在支持placeholder属性的浏览器中，placeholder默认显示为灰色。例如下面的示例：
默认的placeholder示例：
电子邮件
用户名
我们可以通过CSS来控制placeholder占位文字的样式。各个浏览器厂商都为placeholder属性提供了各自版本的伪类控制属性：
::-webkit-input-placeholder{}
::-moz-placeholder{}
:-moz-placeholder{}
:-ms-input-placeholder{}
通过这些伪类，我们就可以修改placeholder占位文字的样式。
修改后的placeholder示例：
电子邮件
用户名
生成上面的placeholder占位文字样式的CSS代码如下：
input[type="email"]::-webkit-input-placeholder {color:#FFF; background:blue;}
input[type="email"]::-moz-placeholder {color:#FFF; background:blue;}
input[type="email"]:-moz-placeholder {color:#FFF; background:blue;}
input[type="email"]:-ms-input-placeholder {color:#FFF; background:blue;}
input[type="text"]::-webkit-input-placeholder {color:green; }
input[type="text"]::-moz-placeholder {color:green;}
input[type="text"]:-moz-placeholder {color:green;}
input[type="text"]:-ms-input-placeholder {color:green;}