使用javascript表单标题

时间:2010-09-21 10:47:16

标签: jquery css

我将此脚本用于表单标题:

$(document).ready(function(){
    $('.add-news').each( function () {
        $(this).val($(this).attr('defaultValue'));
        $(this).css({'color':'#686868' ,  'font-size':'11px', 'font-weight':'bold'});
    });
    $('.add-news').focus(function(){
        if ( $(this).val() == $(this).attr('defaultValue') ){
            $(this).val('');
            $(this).css({'color':'#686868' , 'font-size':'11px' ,'font-weight':'bold'});
        }
    });
    $('.add-news').blur(function(){
        if ($(this).val() == '' ){
            $(this).val($(this).attr('defaultValue'));
            $(this).css({'color':'#686868' ,  'font-size':'11px', 'font-weight':'bold'});
        }
    });

});

The example is here

此代码非常适合输入,但在textarea中,上述css不起作用。我怎么解决这个问题? 提前致谢

2 个答案:

答案 0 :(得分:3)

删除明显的错误('defaultue'而不是'defaultValue',并在css方法的对象中缺少逗号)后,它对我来说很好:

http://jsfiddle.net/TY2sf/

答案 1 :(得分:0)

我认为正确的方法是在TextArea元素上使用.html()而不是.val()。