Css IE的输入标记上的占位符属性?

Css IE的输入标记上的占位符属性?,css,internet-explorer,Css,Internet Explorer,我知道Internet Explorer不支持输入标签的占位符属性,但在2012年肯定会有另一个IE解决方案?实际上,IE在2012年(版本10)支持占位符属性。将此功能与旧浏览器结合使用,您应该有一个全面的解决方案来解决您的问题。我不久前编写了一个jQuery插件,它将为任何不支持占位符的浏览器添加占位符支持 我们已经在生产中使用这个jQuery插件几个星期了,它似乎工作得很好 它在ie上工作,不需要调用任何函数…试试我开发的jQuery插件 是的,IE8和IE9有一个非常简单的解决方案,因

我知道Internet Explorer不支持输入标签的占位符属性,但在2012年肯定会有另一个IE解决方案?

实际上,IE在2012年(版本10)支持占位符属性。将此功能与旧浏览器结合使用,您应该有一个全面的解决方案来解决您的问题。

我不久前编写了一个jQuery插件,它将为任何不支持占位符的浏览器添加占位符支持


我们已经在生产中使用这个jQuery插件几个星期了,它似乎工作得很好


它在ie上工作,不需要调用任何函数…

试试我开发的jQuery插件


是的,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]-->  

好问题。在开始回答之前,让我们先看看其他浏览器中本机支持的情况。在IE10 RP上测试,-ms输入占位符{}psuedo选择器支持所有13个属性。当FF缺少行高时,Chrome不支持在占位符中填充。较新版本的Safari支持13个属性中的5个(而以前版本支持10个属性)。从Opera 11开始,占位符样式将被删除。不使用多边形填充,您可以将其与占位符不是标签的替代物(它们是提示和示例)这一事实结合起来,因此占位符不是必需的,您可以不用担心不支持它们的浏览器。是这类信息的另一个好资源。关于占位符:谢谢你的回复。我试过你的代码,但好像没法用。我制作了一个非常简单的一行html页面,在IE9中进行测试。这是我的代码:$.fn.placeholder();我做的有什么不对吗。我真的尝试了各种各样的东西,我的链接都很好……围绕函数调用,您将需要jQuery document ready函数$(函数(){$.fn.placeholder();});谢谢你,科里。你的解决方案很有效,我非常感谢你的帮助。你为我节省了很多时间和精力。非常感谢
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'); 
    });
}