首页 > 代码库 > placeholder兼容性问题解决方案

placeholder兼容性问题解决方案

placeholder属性,IE对其的支持表示无奈,firefox、google chrome表示毫无压力。

 

<input id="t1" type="text" placeholder="请输入文字" />

 

由于placeholder是个新增属性,目前只有少数浏览器支持,如何检测浏览器是否支持它呢?(更多HTML5/CSS3特性检测可以访问)

function hasPlaceholderSupport() {
     return ‘placeholder‘ in document.createElement(‘input‘);
}

很显然ie不支持placeholder,不过兄弟们不用担心。开源中国社区已经有人写好了基于jquery的placeholder兼容插件

http://www.oschina.net/p/jquery-placeholder

下载后即可在使用placeholder的前端页面加上调用函数就可以了

    <script type="text/javascript">
$(function() {
$(‘input, textarea‘).placeholder();
});
</script>

 

 

placeholder兼容性问题解决方案