jQuery-添加/聚焦/模糊输入值

Posted 2021-02-26

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

$(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'}
        });
 
  });