title: Make label inside input element disappear with saved passwords
body: <p>I have placed labels in my input fields to have explanatory text display in the background and  when the user types in the field, the text disappears.  I'm using the example explained here: <a href="https://stackoverflow.com/questions/781473/how-to-create-a-label-inside-an-input-element">How to create a label inside an &lt;input&gt; element?</a>
  and specifically at <a href="http://attardi.org/" rel="nofollow noreferrer">http://attardi.org/</a></p>
  
  <p>When the password though is saved by the browser such as in Google chrome, the text becomes garbled as in this image (this is currently on my local computer):
  <img src="https://i.stack.imgur.com/PQZte.png" alt="display and saved password text"> </p>
  
  <p>The background text is not disappearing for saved passwords.  Any help would be appreciative - thanks.</p>