Advanced Search

Return to Snippet

Revision: 41978
at February 25, 2011 17:15 by f6design
Initial Code 
$('.default-value').each(function() {
    var default_value = this.value;
    $(this).focus(function() {
        if(this.value == default_value) {
	    this.value = '';
	    $(this).css('color', '#000');
        }
    });
    $(this).blur(function() {
        if(this.value == '') {
            $(this).css('color', '#999');
	    this.value = default_value;
	}
    });
});
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
If your HTML form fields have a 'watermark' default value, it will be removed when the field is focussed and replaced if focus is lost (and the user has left the field blank).

To use give your form field a class of 'default-value'

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Remove/restore a form field's default value on focus/blur

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
form

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery