`
wudixiaotie
  • 浏览: 140130 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE10以下支持placeholder的方法

阅读更多

<!--[if lt IE 9]>

    <script type="text/javascript" src="../../../stylesheets/js/DD_belatedPNG.js"></script>

    <script>

      $(function () {

        $.support.placeholder = false;

        if ("placeholder" in document.createElement("input")) $.support.placeholder = true;

      

        if (!$.support.placeholder) {

          var active = document.activeElement;

          $(":text, textarea").live("focus", function () {

            if ($(this).attr("placeholder") != "" && $(this).val() == $(this).attr("placeholder")) {

              $(this).val("").removeClass("placeholder");

            }

          }).live("blur", function () {

            if ($(this).attr("placeholder") != "" && ($(this).val() == "" || $(this).val() == $(this).attr("placeholder"))) {

              $(this).val($(this).attr("placeholder")).addClass("placeholder");

            }

          });

          $(":text, textarea").blur();

          $(active).focus();

          $("form").submit(function () {

            $(this).find(".placeholder").each(function () { $(this).val(""); });

          });

        }

      });

    </script>

  <![endif]-->

0
0
分享到:
评论

相关推荐

    解决IE下不支持placeholder属性

    然而,对于老旧的Internet Explorer(IE)浏览器,尤其是低于IE10的版本,它们并不原生支持`placeholder`属性。这使得在这些浏览器上,用户无法看到预期的提示信息,降低了用户体验。本篇文章将深入探讨如何在IE浏览...

    IE浏览器支持placeholder

    文件名"placeholder"可能指的是一个这样的JS插件,它的作用是为IE浏览器提供`placeholder`的支持。 在编写这样的兼容性插件时,开发者需要考虑以下几点: 1. **检测浏览器兼容性**:首先,插件需要检测当前用户...

    IE8支持的placeholder组件

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

    IE兼容placeholder js

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

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

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

    IE下实现placeholder效果的jquery插件

    然而,对于IE8及以下版本,由于缺乏原生支持,我们需要借助外部库或插件来实现这个功能。本篇将详细介绍如何使用一个名为"placeholderfriend.js"的jQuery插件,在IE浏览器下实现`placeholder`效果。 首先,我们来看...

    input中placeholder在Ie上兼容

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

    ie9以下placeholder失效

    placeholder属性的出现使input输入框不再单调,而且可以对用户做一个对输入内容的提醒或者指引,起到了很好的作用...但是 但是IE9及IE9以下不支持这个属性,这就让人很恼火呀,毕竟中国还有好多人用的是IE9及以下浏览器

    ie6 7 8兼容html5属性placeholder

    总结起来,为了让IE6、7、8兼容HTML5的`placeholder`属性,可以采用以下步骤: 1. 使用jQuery插件(如`jquery.placeholder.js`)或编写JavaScript代码来模拟`placeholder`行为。 2. 为不支持`placeholder`的浏览器...

    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

    ie8兼容placeholder.zip

    `placeholder`属性是用于输入框`&lt;input&gt;`的一个非常实用的功能,它可以在用户输入前显示提示信息,但这个属性在IE8及以下版本并未得到原生支持。为了实现IE8的兼容性,开发者通常需要采用一些技巧或JavaScript库来...

    placeholder效果

    然而,遗憾的是,`placeholder` 属性在 Internet Explorer 8 及以下版本中并未得到支持,这给那些仍需兼容旧版浏览器的开发者带来了挑战。 为了解决这个问题,我们可以采用一些JavaScript库或者自定义JavaScript...

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

    第一种方法通过原生JavaScript结合jQuery实现:先通过document.createElement('input')判断浏览器是否原生支持placeholder属性。如果不支持,我们将遍历页面中的所有input元素,并对每一个具有placeholder属性的text...

    placeholder(HTML 5) IE 兼容插件

    然而,这个功能在早期版本的Internet Explorer(尤其是IE9以下)中并不支持,这给开发者带来了一定的困扰。为了实现全浏览器的兼容性,我们需要寻找一种解决方案,这就是“placeholder HTML 5 IE 兼容插件”的作用。...

    placeholder.js

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

    jQuery placeholder实现源码(兼容所有浏览器)

    然而,`placeholder`属性在某些旧版本的浏览器中(尤其是IE9及以下)并未得到支持。`jQuery`作为一个广泛使用的JavaScript库,可以用来为这些不支持`placeholder`属性的浏览器提供兼容性解决方案。本文将深入解析一...

    ie8以下浏览器不兼容jquery解决方案

    3. **ES5 Shim和Sham**:IE8及以下浏览器不支持部分ECMAScript 5特性,如数组的`forEach`、`map`等方法。可以引入ES5 Shim和Sham库来弥补这些缺失的功能。 4. **使用polyfill**:对于jQuery中某些在旧版IE中不支持...

Global site tag (gtag.js) - Google Analytics