1

我在Placeholder not working for Internet Explorer得到 1 个答案

我正在使用这段代码，

window.onload = function() { 
    var arrInputs = document.getElementsByTagName("input"); 
    for (var i = 0; i < arrInputs.length; i++) { 
        var curInput = arrInputs[i]; 
        if (!curInput.type || curInput.type == "" || curInput.type == "text"|||| curInput.type == "password") 
            HandlePlaceholder(curInput); 
    } 
}; 



function HandlePlaceholder(oTextbox) { 
    if (typeof oTextbox.placeholder == "undefined") { 
        var curPlaceholder = oTextbox.getAttribute("placeholder"); 
        if (curPlaceholder && curPlaceholder.length > 0) { 
            oTextbox.value = curPlaceholder; 
            oTextbox.setAttribute("old_color", oTextbox.style.color); 
            oTextbox.style.color = "#c0c0c0"; 
            oTextbox.onfocus = function() { 
                this.style.color = this.getAttribute("old_color"); 
                if (this.value === curPlaceholder) 
                    this.value = ""; 
            }; 
            oTextbox.onblur = function() { 
                if (this.value === "") { 
                    this.style.color = "#c0c0c0"; 
                    this.value = curPlaceholder; 
                } 
            }; 
        } 
    } 
}

太好了，但是现在我遇到了一个问题，它不是显示“密码”而是显示 ******** 特殊符号，有什么办法可以解决这个问题

4

2 回答 2

1

解决它的唯一方法是使用另一个元素（隐藏原始元素，或在顶部放置一个新元素）。不幸的是，Internet Explorer 不允许您更改元素的type属性。input这段代码（来自我的placeholderpolyfill，Placeholders.js）演示了这个问题：

if (element.type === "password") {
    // The `type` property is read-only in IE < 9, so in those cases we just move on. The placeholder will be displayed masked
    try {
        element.type = "text";
        element.setAttribute("data-placeholdertype", "password");
    } catch (e) {}
}

这意味着我们可以很好地支持除 IE 之外的所有浏览器。除非您想创建一个新元素（这不是我想在 polyfill 中采用的路线），否则恐怕您将不得不忍受它。

于 2012-10-05T07:43:46.100 回答
0

IE 9 及更低版本不支持占位符参数：http: //caniuse.com/#feat=input-placeholder

（我想这就是你写自己的东西的原因）

唯一的选择是在显示占位符时将其更改为type="password"，type="text"并在删除占位符时将其更改回。

您还可以使用一长串polyfill（部分：Web 表单：输入占位符）

于 2012-10-05T07:40:07.743 回答