ie下placeholder解决办法

2022-04-24 04:40 227阅读 0赞

# [ie下placeholder解决办法][ie_placeholder] #

! function(window, document, $, undefined) {
        var target, i = 0,
            len, tmpPh;
        if ('placeholder' in document.createElement('input')) return;
        target = $('[placeholder]');
        for (len = target.length; i < len; i++) {
            tmpPh = target[i].getAttribute('placeholder');
            target[i].value = tmpPh;
            target[i].style.color = '#aaaaaa';
            target[i].onmouseover = function() {
                if (this.value != this.getAttribute('placeholder')) return;
                this.value = '';
                this.style.color = '#000000';
            }
            target[i].onblur = function() {
                if (this.value != '') return;
                this.value = this.getAttribute('placeholder');
                this.style.color = '#aaaaaa';
            }
        }
    }(window, document, jQuery);

<input type="text" placeholder="请输入你的名字">
    <hr>
    <input type="text" placeholder="aaa">
    <hr>
    <input type="text" placeholder="bbb">

posted @ 2019-01-24 15:41 [波霸38][38] 阅读( ...) 评论( ...) [编辑][Link 1] 收藏

[ie_placeholder]: https://www.cnblogs.com/sharing1986687846/p/10314851.html
[38]: https://www.cnblogs.com/sharing1986687846/
[Link 1]: https://i.cnblogs.com/EditPosts.aspx?postid=10314851

发表评论取消回复

表情：

评论列表（有 0 条评论，227人围观）

还没有评论，来说两句吧...

相关阅读

相关 placeholder在ie浏览器里不显示的问题解决

placeholder在ie浏览器里不显示的问题解决参考文章： [（1）placeholder在ie浏览器里不显示的问题解决][1_placeholder_ie] （2

- 日理万妓/ 2022年09月05日 04:28/ 0 赞/ 94 阅读

相关让IE支持placeholder属性

placeholder 属性提供可描述输入字段预期值的提示信息该提示会在输入字段为空时显示，并会在字段获得焦点时消失。但placeholder不支持IE10以下版本

Love The Way You Lie/ 2022年08月19日 02:15/ 0 赞/ 212 阅读

相关 jquery input placeholder支持兼容ie7，ie8

<input type="text" placeholder="搜索产品名称"/> <input type="password" placeholder="密码

谁践踏了优雅/ 2022年07月14日 14:55/ 0 赞/ 157 阅读

相关 jquery input placeholder支持兼容ie7，ie8

<input type="text" placeholder="搜索产品名称"/> <input type="password" placeholder="密码

ゞ浴缸里的玫瑰/ 2022年07月14日 14:55/ 0 赞/ 172 阅读

相关 IE不支持 Promise 解决办法

引入 `<script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>` 或 `<script t

冷不防/ 2022年05月31日 09:37/ 0 赞/ 369 阅读

相关【IE bug 解决办法】IE下（IE10及以下）当元素为absolute定位时，点击事件失效的解决办法

\[html\] [view plain][] [copy][view plain] 1. <!DOCTYPE html> 2. <html> 3. <head

叁歲伎倆/ 2022年05月24日 08:36/ 0 赞/ 147 阅读

相关解决IE不支持placeholder

一.解决方法 / jQuery placeholder, fix for IE6,7,8,9 / var JPlaceHolder =

待我称王封你为后i/ 2022年05月14日 01:37/ 0 赞/ 399 阅读

相关 IE不兼容placeholder属性问题

placeholder属性不支持IE10以下的浏览器并且在IE浏览器下样式并没有谷歌等显示的一样正常显示 ![70][] IE10以上显示 ![70 1][] IE

￡神魔★判官ぃ/ 2022年05月09日 14:36/ 0 赞/ 208 阅读

相关 ie下placeholder解决办法

[ie下placeholder解决办法][ie_placeholder] ! function(window, document, $, undefined) {

快来打我*/ 2022年04月24日 04:40/ 0 赞/ 228 阅读

相关 JavaWeb 解决jsp不支持placeholder，IE不支持placeholder

一、介绍 placeholder是H5的属性，但是在jsp中，兼容性并不好，很多时候，不起作用，尤其是在IE浏览器中。在开发中，placeholder所体现的功能属性

Bertha 。/ 2022年04月18日 04:29/ 0 赞/ 431 阅读