Question

I know there exists many questions about this, but I dont know what to search.

I have a email field, and I want it to have “Write your email here” and when you click/do onfocus it should disappear. Although if you did not write something and go onblur it should appear again.

Answer 1

1. Markup

<input id="email" name="email" type="text" value="Write your email here" />

2. jQuery

$('#email')
  .on('focus', function(){
      var $this = $(this);
      if($this.val() == 'Write your email here'){
          $this.val('');
      }
  })
  .on('blur', function(){
      var $this = $(this);
      if($this.val() == ''){
          $this.val('Write your email here');
      }
  });​

3. Demo

jQuery input placeholder