title: Clear HTML5 placeholder attribute text on focus in Chrome
body: <p>Is there any way I can clear <code>placeholder</code> text on focus in <strong>Chrome</strong>, Firefox clears the text on focus but Chrome doesn't.</p>
  
  <p>This confuses the user whether the text in the bar is typed, or it's a placeholder text (Even if I changed the text color to light grey), I don't want to use unnecessary JavaScript or jQuery for this, I want to know if there's some HTML/CSS solution for this</p>
  
  <p><a href="http://jsfiddle.net/5U9us/" rel="noreferrer">Demo Fiddle</a></p>
  
  <p><strong>Chrome Preview</strong> (On Focus)</p>
  
  <p><img src="https://i.stack.imgur.com/INGVP.jpg" alt="Chrome Preview On Focus"></p>
  
  <p><strong>Firefox Preview</strong> (On Focus)</p>
  
  <p><img src="https://i.stack.imgur.com/ViAtu.jpg" alt="Firefox Preview On Focus"></p>