Question

我知道Internet Explorer不支持输入标记的占位符属性，但在2012年肯定会有另一种IE解决方案吗？

Answer 1

我前段时间写了一个jQuery插件，它会为任何不支持它的浏览器添加占位符支持。

Placeholder Text in IE

Answer 2

实际上，IE does support是2012年的占位符属性（版本10）。对于旧浏览器，请将此与a polyfill相结合，您应该有一个全面的解决方案来解决您的问题。

Answer 3

我们已经在生产中使用这个jQuery插件几个星期了，它看起来效果很好。

http://webcloud.se/code/jQuery-Placeholder/

Answer 4

http://the.deerchao.net/PlaceHolder 它可以工作，即无需调用任何函数......

Answer 5

试试我开发的这个jQuery插件

https://github.com/ramsunvtech/jQuery-Plugins/tree/master/IEPlaceHolder

Answer 6

是的，IE8和IE9有一个非常简单的解决方案，因为在IE的更大版本上它已经可以使用了。（IE10，IE11等）

这是我找到的解决方案：

<强> 1。检测Internet Explorer版本

<!--[if lt IE 10]>       
    <script type="text/javascript">var ie = 9;</script>      
<![endif]-->     
<!--[if lt IE 9]>                   
    <script type="text/javascript">var ie = 8;</script>          
<![endif]-->

<强> 2。修复占位符

if (typeof ie == 'undefined') var ie = 10;   
if (ie == 8 || ie == 9){  

    $("input[placeholder]").each(function() {
        this.value = $(this).attr('placeholder');
    });        

    $("input[placeholder]").focus(function() 
        if (this.value == $(this).attr('placeholder')) this.value = '';
    }).blur(function() {   
        if (this.value == '')
            this.value = $(this).attr('placeholder'); 
    });
}

IE的输入标签的占位符属性？

6 个答案: