title: How to put a text watermark in a password field?
body: <p>I want a watermark in my password field which says "Password".<br><br>
  Here is my code:<br>
  jquery:</p>
  
  <pre><code>$(document).ready(function() {
  
      var watermark = 'Password';
  
      //init, set watermark text and class
      $('#input_pwd').val(watermark).addClass('watermark');
  
      //if blur and no value inside, set watermark text and class again.
      $('#input_pwd').blur(function(){
          if ($(this).val().length == 0){
              $(this).val(watermark).addClass('watermark');
          }
      });
  
      //if focus and text is watermrk, set it to empty and remove the watermark class
      $('#input_pwd').focus(function(){
          if ($(this).val() == watermark){
              $(this).val('').removeClass('watermark');
          }
      });
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;input class="ui_input" id="input_pwd" type="password" name="pass" id="pass" style="height:25px; width:250px; font-size:14px;" required /&gt;
  </code></pre>
  
  <p>My jsfiddle:
   <a href="http://jsfiddle.net/w4Hh4/" rel="nofollow">click here</a></p>
  
  <p><br>
  edit: I prefer jquery :)
  <br><br>
  edit: Our brother Konrad Gadzina has given me what I was looking for but thanks for all your efforts everyone!</p>