* { 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中失效了。