IE10-浏览器实现placeholder效果

如下图,在文本框为空时显示提示文字

在IE10+和chrome浏览器加placeholder属性及可实现 ,单在IE10-浏览器并不支持该属性,

以下是placeholder在IE10-浏览器的实现

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

html:

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