title: Add an Image to a placeholder input type
body: <p>I'm trying to make a login form, and I can't figure out how to put an image in with the placeholder. The current code I have is</p>
  
  <pre><code>            &lt;span class="material-icons" style="font-size:20px; color: gray; float: left;"&gt;person
                  &lt;input placeholder="username" type="text"&gt;lock
              &lt;/span&gt;
  
              &lt;span class="material-icons" style="font-size:24px; color: gray; float: left;"&gt;lock
                  &lt;input placeholder="Password" type="text"&gt;
              &lt;/span&gt;
  </code></pre>
  
  <p>...But none of that has worked to do what I need.</p>
  
  <p>I would like the image to be inside of the input, not in front of it.</p>