关于input中的placeholder属性

注意:Internet Explorer 9 及之前的版本不支持 <input> 标签的 placeholder 属性。

placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。

该提示会在用户输入值之前显示在输入字段中。

placeholder 属性适用于下面的 input 类型:text、search、url、tel、email 和 password

语法

<input placeholder="text">

使用伪元素可以改变placeholder本文颜色

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}

  

posted @ 2017-04-25 15:56  章洵  阅读(2816)  评论(0编辑  收藏  举报