您的位置：首页 > 其它

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

2014-03-26 17:42 411 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

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

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