html%3cinput%3e居中,html - How to add a SVG icon within an input? - Stack Overflow

I need to place icons within the inputs for creating a new user. It's probably a really easy task for someone who knows their way around front end code. However I don't. Here is the wireframe and then I show my code.

WIREFRAME

As you can see. There are icons on the left side of the inputs. Right now I have the SVG's in my directory and ready to go I just need to know how to place them within the input. Here is the code for the form

FORM

So I have the placeholder with a string which currently just printing that string. I need to put the icons within that I think? Here is the css I have for the icons.

CSS

.icon-email {

background-image: image-url('email-field.svg');

}

.icon-name {

background-image: image-url('name-field.svg');

}

Is there a way I can place these classes within the place holder?