Placeholder for IE （input框中有提示文字输入正式文字时，提示文字消失）

最新推荐文章于 2021-08-20 22:36:07 发布

wangxiaohui6687

最新推荐文章于 2021-08-20 22:36:07 发布

阅读量4.6k

点赞数

分类专栏： css技术

css技术专栏收录该内容

83 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript">
//placeholder IE8
var _placeholderSupport = function() {
var t = document.createElement("input");
t.type = "text";
return (typeof t.placeholder !== "undefined");
}();

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")
HandlePlaceholder(curInput);
}
};

function HandlePlaceholder(oTextbox) {
if (!_placeholderSupport) {
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;
}
}
}
}
}
</script>
</head>

<body>
<div style="padding-top:20px;">
<input name="liveagent.prechat:Firstname" placeholder="First Name" style="width:280px" type="text" />
</div>
<div style="padding-top:20px;">
<input name="liveagent.prechat:Firstname" placeholder=" Name" style="width:280px" type="text" />
</div>
</body>
</html>