在IE8中如何解决placeholder的兼容问题？

Question

问题详情: 想实现在搜索框中开始有文字，当点击之后文字消失的效果。之前用的都是HTML5中的placeholder属性，但是在IE8中改属性用不了。

在其他地方搜索答案，都是通过js来解决的，感觉比较麻烦，有没有其他的解决办法？直接利用css hack可以解决吗？或者说<input type="text" value=" "/>采用value的方式？

Answer 1

<input type="text" onblur="if (this.value == '') {this.value = 'Search';}" onfocus="if (this.value == 'Search') {this.value = '';}" value="Search" >

demo

Answer 2

用js就挺好，哪里会麻烦，有写好的插件。Placeholders.js

Answer 3

在不支持placeholder的浏览器中，一是 通过onfocus() onblur()实现，二是加span标签放到input下面 这个网上有placeholder的polygon。

Answer 4

<span>placeholder</span> <input type='text' /> 通过css就行了

Answer 5

用这个就行，把js包含进去，几行代码的事，我刚刚用了可以兼容Chrome、Firefox、Safari、IE8~11，placeholder主流浏览器兼容性测试和兼容方法