Advanced Search

Return to Snippet

Revision: 19982
at November 4, 2009 11:24 by smoothdzion
Updated Code 
$(function(){
  
        $('input[type="text"]').each(function(){
          if(this.value==''){this.value='Enter Value'}
        });
        
        $('input[type="text"]').focus(function(){
          if(this.value=='Enter Value'){this.value=''}
        });
       
        $('input[type="text"]').blur(function(){
          if(this.value==''){this.value='Enter Value'}
        });

  });

Revision: 19981
at November 4, 2009 11:22 by smoothdzion
Initial Code 
  $(function(){
  
        $('input[type="text"]').each(function(){
          if(this.value==''){this.value='Enter Value'}
        });
        
        $('input[type="text"]').focus(function(){
          if(this.value=='Enter Value'){this.value=''}
        });
       
        $('input[type="text"]').blur(function(){
          if(this.value==''){this.value='Enter Value'}
        });

  });
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
First value takes empty input values and adds 'Enter Value'.<br>
Second snippet removes 'Enter Value' when input is focused.<br>
Third snippet re-adds 'Enter Value' if the value is left blank.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
jQuery - Add/Focus/Blur Input Value

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
javascript, textmate, jquery

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
jQuery