`
xiaoluode
  • 浏览: 13704 次
  • 来自: 深圳
社区版块
存档分类
最新评论

解决IE支持placeholder的方法

 
阅读更多

 

下面是解决IE支持placeholder的方法
本文引用的jquery是1.11.1测试通过,先引用jquery
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
也可以用其他的jquery版本
再引入<script type="text/javascript" src="js/jquery.placeholder.js"></script>
jquery.placeholder.js这个文件的下载地址https://github.com/mathiasbynens/jquery-placeholder
然后再文件中加入一下代码
<script type="text/javascript">
    $(function () {
        // Invoke the plugin
        $('input, textarea').placeholder();
    });
</script>
如果我这里为涉及到的或者问题依然没有解决的请移步http://hustlzp.com/post/2014/01/ie8-compatibility更加详细


以上IE6,7,8,9,10,11,chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器测试通过,只有IE5.5似乎不太可行,总之问题解决到此,万恶的IE6-都叫它打酱油去吧

如果您不想使用jquery.placeholder.js,再不支持placeholder的浏览器下模拟placeholder实现
可参考此文讲很详细http://ju.outofmemory.cn/entry/1595

 

本文转载自:http://blog.csdn.net/chenhongwu666/article/details/41513901

分享到:
评论

相关推荐

    解决IE下不支持placeholder属性

    解决IE下不支持placeholder属性

    IE浏览器支持placeholder

    现在流行html5了都,所有的浏览器都支持placeholder,唯独IE不支持,那么这插件将完美解决IE浏览器不兼容input标签的placeholder属性.

    解决IE8之前浏览器不支持placeholder属性的问题

    placeHolder是html5加入的新属性,此代码基于jQuery实现placeholder属性功能。

    jquery插件解决IE6到IE9版本不支持placeholder的问题(包括网页含多个password的特殊处理)

    jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。

    input中placeholder在Ie上兼容

    使用jQuery快速解决input中placeholder值在ie中无法支持的问题

    ie placeholder属性的兼容性问题解决方法

    但是在不支持html5的低版本的浏览器中,placeholder属性是无效的,为了解决这个问题,因此,人为的去实现placeholder属性: 复制代码代码如下: //placeholder功能实现 var placeholder = { add: function (el) { if...

    placeholder

    简洁的placeholder插件,支持ie9、ie8及以下版本。完美解决ie9中onpropertychange问题。使用简单,引入placeholder.js即可让您的ie完美支持placeholder

    使用jQuery快速解决input中placeholder值在ie中无法支持的问题

    本篇文章主要介绍了使用jQuery快速解决input中placeholder值在ie中无法支持的问题。需要的朋友可以过来参考下,希望对大家有所帮助

    placeholder.js

    简洁的placeholder插件,支持ie9、ie8及以下版本。完美解决ie9中onpropertychange问题。使用简单,引入placeholder.js即可让您的ie完美支持placeholder

    全系IE支持Bootstrap的解决方法

    在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在一个网友帖子的帮助下解决了问题,先将解决方法总结如下: ...

    关于angular浏览器兼容性问题的解决方案

    谷歌、火狐及-webkit-内核的浏览器均支持该属性(css3),IE不支持该属性,所以在IE中,会自动降级,表格无固定列,可滑动的形式。 Edge浏览器在1703之后的版本使用了chromium内核,对css3的属性支持较好,也支持...

    蝉知企业门户系统2.5.1正式版

    25、解决后台文章管理模块→左边栏→类目浏览,如果文章类目过多会被遮盖,且无法向下滚动的问题 二、下载 下载地址:http://www.chanzhi.org/download/83_chanzhi2.5.1.html 源码包: ...

    禅道项目管理软件6.0.stable

    1333 解决ie8下面页面抖动的问题 1334 框架错误处理函数处理没有error_get_last的情况 1337 bug创建的时候增加优先级字段 1338 批量创建bug的时候隐藏不需要的bug类型 1339 修复bug操作系统的错误 1340 检查开源...

    IBM WebSphere Portal门户开发笔记01

    48、JS解决COOKIE跨域访问的问题之方法一 323 49、JS禁止复制网页代码 324 50、JS 禁止剪切、复制、粘贴的文本框代码 326 51、如何禁止火狐浏览器的右键功能 327 52、IE地址栏前换成自己的图标 327 53、关闭输入法 ...

    蝉知企业门户系统源码 v2.5.1

    蝉知门户系统(changezhiEPS)是一款开源免费的企业门户系统,专为企业营销设计!它内置了文章、产品、论坛、评论、...25、解决后台文章管理模块→左边栏→类目浏览,如果文章类目过多会被遮盖,且无法向下滚动的问题

Global site tag (gtag.js) - Google Analytics