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

解决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`属性的问题主要依赖于JavaScript,通过监听输入框的焦点和失去焦点事件来模拟`placeholder`的效果。同时,可以结合Bootstrap的样式来优化视觉体验。无论选择哪种方法,都...

    IE兼容placeholder js

    描述中提到的“完美兼容H5 placeholder属性在IE9及以下版本的问题”,意味着这个解决方案能够有效地在不支持`placeholder`属性的IE浏览器上模拟出相同的效果。"自测可用,修改点少"表示这个解决方案经过了实际测试,...

    IE8支持的placeholder组件

    "IE8支持的placeholder组件"就是一个为了解决IE8及其以下版本浏览器不支持HTML5 `placeholder`属性而设计的解决方案。这个组件基于jQuery库,能够为这些旧版Internet Explorer提供类似HTML5 `placeholder`的效果,...

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

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

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

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

    IE7 浏览器处理 兼容 input placeholder.zip

    // 如果浏览器不支持placeholder属性,jQuery.placeholder插件会自动处理 }); ``` 在这个例子中,CSS代码定义了`placeholder`文本的默认样式,使其在未聚焦时呈现灰色。当文档加载完成并执行jQuery代码后,`...

    input中placeholder在Ie上兼容

    // 检查浏览器是否支持placeholder属性 if (!('placeholder' in document.createElement('input'))) { // 不支持时,遍历所有具有placeholder属性的input元素 $('input[placeholder]').each(function(){ var ...

    IE下实现placeholder效果的jquery插件

    总的来说,"placeholderfriend.js"插件为开发者提供了一种便捷的方式来解决IE浏览器对`placeholder`属性的支持问题,使得在旧版IE中也能享受到与现代浏览器相似的用户体验。通过理解其工作原理和使用方法,我们可以...

    input的placeholder属性兼容ie8 优化版

    这个解决方案的优点在于它既简单又有效,能够很好地在 IE8 和 IE9 上模拟 `placeholder` 属性。不过,需要注意的是,对于大量的输入框,这样的处理可能会增加页面的 JavaScript 代码量,因此在实际应用中,可能需要...

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

    本文将详细介绍两种利用jQuery库快速解决input中placeholder值在IE浏览器中无法支持的方法。首先,了解在IE中placeholder无法显示的原因是IE 9以下的版本不支持该属性。为此,需要采用JavaScript脚本来模拟这一功能...

    ie6 7 8兼容html5属性placeholder

    这段代码检查浏览器是否原生支持`placeholder`,如果不支持,则在页面加载完成后手动添加该功能。 此外,还可以利用CSS来调整样式,确保在IE6、7、8中提示文本的外观与现代浏览器一致。例如: ```css /* 遮盖默认...

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

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

    placeholder效果的jQuery插件,支持IE6、IE7

    标题中的“placeholder效果的jQuery插件,支持IE6、IE7”指的是一个专门用于处理HTML5 placeholder属性的jQuery扩展,这个插件使得在不支持HTML5的旧版Internet Explorer(如IE6和IE7)中也能实现类似的功能。...

    placeholder

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

    placeholder属性支持所有IE浏览器的插件

    这个插件是由智学无忧的老曹亲自编写的,目的是解决IE浏览器对`placeholder`属性的不支持问题。通过巧妙地运用代码封装和闭门技术,该插件能够使`placeholder`属性在所有版本的IE浏览器中正常工作,提升了用户体验,...

    ie8兼容placeholder.zip

    在早期的网页开发中,IE8...一种常见的解决方案是使用jQuery库配合一个名为"Placeholders.js"的插件,它专门用于在旧版IE中模拟`placeholder`行为。 首先,确保在页面中引入jQuery库和Placeholders.js插件: ```html ...

    placeholder效果

    这段代码首先检查输入元素是否原生支持`placeholder`属性,如果不支持,则通过jQuery扩展方法`placeholder`来实现模拟。在页面加载完成后,会自动对所有`placeholder`属性的输入框和文本域应用此功能。 为了使用这...

    placeholder.js

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

Global site tag (gtag.js) - Google Analytics