<!DOCTYPE html>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
<title>让IE低版本浏览器也支持placeholder属性</title>
<script type=
"text/javascript"
src=
"http://ajax.microsoft.com/ajax/jquery/jquery-1.11.1.min.js"
></script>
<script type=
"text/javascript"
>
$(
function
() {
if
(/MSIE\s(\d+)/.test(navigator.userAgent) && navigator.userAgent.match(/MSIE\s(\d+)/)[1] < 10) {
$(
'[placeholder]'
).each(
function
() {
var
pla = $(
this
).attr(
'placeholder'
);
$(
this
).focus(
function
() {
if
($(
this
).val() == pla) {
$(
this
).val(
''
);
}
}).blur(
function
() {
if
($(
this
).val() ==
''
) {
$(
this
).val(pla);
}
});
$(
this
).trigger(
'blur'
);
});
}
});
</script>
</head>
<body>
<input type=
"text"
placeholder=
"请输入关键字"
/>
</body>
</html>