* {
margin:0;
padding:0;
border:0;
}
*,*:after,*:before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
input {
display:block;
margin:20px auto;
width:500px;
height:50px;
border:2px solid #ccc;
padding:0 20px;
}
用户在使用表单的时候就会看到“用户名”这样的提示,在用户点击输入框时提示文字消失,非常的实用。但是该效果在IE下会失效,如果是多个输入框的话,没有提示文字,对用户十分的不友好。
只需要使用本段js代码,就可以解决placeholder属性在IE中失效了。