placeholder兼容性问题解决方案

标签：style   http   io   color   ar   os   使用   java   sp   

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兼容性问题解决方案

标签：style   http   io   color   ar   os   使用   java   sp   

原文地址：http://www.cnblogs.com/bobo-x/p/4077219.html