HTML5 image icon to input placeholder

Question

I\'d like to add an image icon to an input placeholder, like in this picture:

Answer 1

I don't know whether there's a better answer out there as time goes by but this is simple and it works;

input[type='email'] {
  background: white url(images/mail.svg) no-repeat ;
}
input[type='email']:focus {
  background-image: none;
}

Style it up to suit.