输入框获得焦点与失去焦点、阴影效果


1.jQuery表单Input文本框默认说明文字获得焦点后消失效果

第一种方法:

       

第二种方法:

(通用)

    $(function() {
        $('input:text').each(function() {
            var txt = $(this).val();
            $(this).focus(function() {
                if (txt === $(this).val()) {
                    $(this).val("");
                }
            });
            $(this).blur(function() {
                if ($(this).val() == "") {
                    $(this).val(txt);
                }
            });
        });
    })

 第三种方法:

效果:鼠标点击输入框时,提示性文字无。

onfocus="if(value=='请输入反馈意见') {value=''}" onblur="if (value=='') {value='请输入反馈意见'}"/>

效果:鼠标点击输入框后,文字颜色变为黑色。

输入框box-shadow活的焦点时有阴影