Как добавить значок SVG во вход?

Мне нужно разместить значки во входах для создания нового пользователя. Это, вероятно, очень простая задача для тех, кто знает, как разбираться во внешнем коде. Однако я не. Вот каркас, а затем я показываю свой код.

WIREFRAME

Как вы видете. На левой стороне входов есть значки. Прямо сейчас у меня есть SVG в моем каталоге и я готов к работе, мне просто нужно знать, как разместить их во входных данных. Вот код для формы

FORM
<label clas="name-label">
  <%= f.text_field :name, placeholder: "Name", class: "form-labels" %>
</label>

<label class="email-label">
  <%= f.text_field :email, placeholder: "Email", class: "form-labels" %>
</label> 

Итак, у меня есть заполнитель со строкой, которая в данный момент просто печатает эту строку. Мне нужно положить значки в том, что я думаю? Вот CSS, который я имею для значков.

CSS
.icon-email {
  background-image: image-url('email-field.svg');
}

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

Могу ли я разместить эти классы внутри заполнителя?

Ответы на вопрос(4)

Ваш ответ на вопрос