html5新标签【placeholder】解决浏览器低版本不兼容问题
来源:互联网 发布:消防四知四会四个能力 编辑:程序博客网 时间:2024/05/11 23:00
1、html5新标签【placeholder】
IE10+支持placeholder属性,在IE9以下版本浏览器就失效了,解决办法
function placeholderSupport() {
return 'placeholder' in document.createElement('input');
}
$(function(){
if(!placeholderSupport()){ // 判断浏览器是否支持 placeholder
$(document).ready(function(){
//默认遍历循环添加placeholder
$('[placeholder]').each(function(){
$(this).parent().append("<span class='placeholder'>"+$(this).attr('placeholder')+"</span>");
})
$('[placeholder]').keypress(function(){//如果键盘输入时,隐藏placeholder
$(this).parent().find('span.placeholder').hide();
})
$('[placeholder]').blur(function(){
if($(this).val()==""){ //如果当前值为空,显示placeholder
$(this).parent().find('span.placeholder').show();
}
})
});
}
});
- html5新标签【placeholder】解决浏览器低版本不兼容问题
- 低版本ie浏览器里使用html5新标签
- 解决placeholder不兼容问题
- 浅谈HTML5新标签的浏览器兼容问题
- 关于HTML5属性placeHolder在手机浏览器不兼容问题
- HTML5 placeholder在低版本浏览器的解决方法
- 用html5shiv.js解决ie低版本浏览器支持html5标签
- 关于解决css3在低版本ie不兼容问题
- 怎么处理HTML5的新标签对IE浏览器兼容问题?
- 使用Google Chrome Frame(谷歌浏览器内嵌框架)解决低版本IE不兼容问题
- 父级标签HTML5新标签在低版本浏览器中兼容性Checklist (hacks and issues)
- html5新增标签的低版本 浏览器兼容
- HTML5 video 标签浏览器兼容问题
- 让低版本浏览器兼容placeholder
- 解决低版本IE浏览器渲染模式和html5兼容
- 解决Selenium与firefox浏览器版本不兼容问题
- 解决Selenium与firefox浏览器版本不兼容问题
- 解决Selenium与firefox浏览器版本不兼容问题
- jenkins + mysql提交数据中的乱码问题解决办法
- ReactNative开发问题汇总
- Docker容器化spring boot应用
- JDK和Android环境变量配置
- nginx+php显示 502 bad gateway的解决方法
- html5新标签【placeholder】解决浏览器低版本不兼容问题
- Linux和Windows下安装启动FTP服务
- Assign the task
- 好玩的python时间
- 笨办法07更多打印
- 一些资源的记录(好的开源项目,好的博客等)
- 使用QGIS对CAD图进行描边以及路线图的绘制(3)
- Apriori算法
- SQL语句DDL、DCL、DML