首页 > 代码库 > 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兼容性问题解决方案
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。