jquery placeholder

 /*
 * @author ambar
 * html5 placeholder pollfill
 * - 使用绝对定位内嵌层
 * - 也适用于密码域
 * 目标浏览器: IE 6~9, FF 3.5

 */
 (function ($) {
     var attr = 'nullText';

     $.fn.placeholder = function (options) {
         return this.each(function () {
             var $input = $(this);
             if (typeof options === 'string') {
                 options = { text: options };
             }

             var opt = $.extend({
                 text: '',
                 style: {},

                 namespace: 'nullText',
                 hideOnFocus: false
             }, options || {});

             if (!opt.text) {
                 opt.text = $input.attr(attr);
             }

             var width = $input.width();

             var show = function () { $layer.show(); };
             var hide = function () { $layer.hide(); };
             var is_empty = function () { return !$input.val(); };
             var check = function () { is_empty() ? show() : hide(); };

             var position = function () {
                 var pos = $input.position();
                 if (!opt.hideOnFocus) {
                     // 按鍵隱藏的情况，需要移動光標两像素
                     pos.left += 2;
                 }
                 pos.top += 3;
                 $layer.css(pos);
             };

             var layer_style = {
                 color: 'gray',
                 cursor: 'text',
                 textAlign: 'left',
                 position: 'absolute',
                 textShadow: 'none',
                 fontSize: $input.css('fontSize'),
                 fontFamily: $input.css('fontFamily'),
                 display: is_empty() ? 'block' : 'none',
                 zIndex: '1000',
                 top: '3px'
             };

             var package_style = { position: 'relative' };

             // create
             var layer_props = {
                 text: opt.text,
                 width: width,
                 height: 'auto'
             };

             // 确保只绑定一次
             var ns = '.' + opt.namespace, $layer = $input.data('layer' + ns);
             if (!$layer) {
                 $layer = $('<label>', layer_props)
                     .attr('for', $input.attr('id'));
                 $input.data('layer' + ns, $layer);
             }

             var $package = $("<div></div>").css(package_style);
             $input.parent().append($package);
             $package.append($layer).append($input);

             // activate
             $layer
                 .css($.extend(layer_style, opt.style))
                 .unbind('click' + ns)
                 .bind('click' + ns, function () {
                     opt.hideOnFocus && hide();
                     $input.focus();
                 });
             $input
                 .unbind(ns)
                 .bind('blur' + ns, check);

             if (opt.hideOnFocus) {
                 $input.bind('focus' + ns, hide);
             } else {
                 $input.bind('keypress keydown' + ns, function (e) {
                     var key = e.keyCode;
                     if (e.charCode || (key >= 65 && key <= 90)) {
                         hide();
                     }
                 })
                     .bind('keyup' + ns, check);
             }

             // 由于 ie 记住密码的特性，需要监听值改变
             // ie9 不支持 jq bind 此事件
             $input.get(0).onpropertychange = check;

             position();
             check();
         });
     };

 })(jQuery);

 //调用方法
  $("[nullText]").placeholder();