<script>

    $(function () {

        /*

        *页面加载立刻执行

        *@method：each遍历每个包含placeholder属性的对象（input）

        * */

        $('[placeholder]').each(function () {

            //使每个input的value等于placeholder的值

            $(this).val($(this).attr('placeholder'));

        })

    });

    /*

    * 焦点获取：点击时，使value的值为空

    * */

    $('[placeholder]').focus(function () {

        //如果此时有值，且不等于placeholder，就不做任何操作，否则清空输入框

        if($(this).val() == $(this).attr('placeholder')){

            $(this).val('');

        }

    });

    /*

    * 焦点失去：没有输入时，value显示placeholder

    * */

    $('[placeholder]').blur(function() {

        if ($(this).val() == '') {

            $(this).val($(this).attr('placeholder'));

        }

    });

    /*

    * 没有输入的时候，此时value是placeholder，不能把它提交过去。要做另外的处理

    * */

    $('form').submit(function () {

        //遍历所有对象，并为他们执行方法

        $('[placeholder]').each(function () {

            //如果没有输入，提交前使value为空

            if($(this).val() == $(this).attr('placeholder')){

                $(this).val('');

            }

        });

    });

</script>