IE10-浏览器实现placeholder效果

<style type="text/css">
/*输入框为空时提示文字的样式*/
label.placeholder
{
color: gray;
padding-left: 3px;
cursor: text;
z-index: 1000;
position: absolute;
background: transparent;
font-size: 0.8em;
padding-top: 4px;
}
</style>
<script type="text/javascript">
/* 设置输入框为空时输入框内显示/隐藏提示文字
* @param show 是否显示提示文字,默认显示
*/
$.fn.setHint = function (show) {
if ('placeholder' in document.createElement('input'))
return;

var word = this.attr("placeholder");
if (word) {
show = (show == undefined) ? (this.val() == "") : show; //根据内容是否为空确定是否显示
if (show && this.val() == "") {
this.prev("label.placeholder").show();
} else if (!show) {
this.prev("label.placeholder").hide();
}
}
};

// 页面初始化执行的脚本
$(function () {
// IE10及以上浏览器支持placeholder属性,不需要用脚本实现
if (!('placeholder' in document.createElement('input'))) {
$(":text[placeholder],:password[placeholder],textarea[placeholder]").wrap("<span></span>")
.focus(function () {
$(this).prev("label.placeholder").hide();
}).blur(function () {
if ($(this).val() == "") {
$(this).prev("label.placeholder").show();
}
}).each(function () {
var labelHtml = "<label class='placeholder'>" + $(this).attr("placeholder") + "</label>";
$(labelHtml).insertBefore(this).click(function () {
$(this).hide().next().focus();
}).toggle($(this).val() == "");
});
}
});
</script>

<input type="text" placeholder="请输入用户名" />