Как вставить значок электронного конверта в поле заполнителя? - PullRequest
0 голосов
/ 26 февраля 2020

Как вставить значок электронного конверта в поле заполнителя в форме, вложенной в div, которая снова вложена в раздел. Ниже мой код: HTML код:

<section id="newsletter">
<div class="container">
<h2>Subscribe To Our Newsletter.</h2>
<form>
<i class="fa fa-envelope icon"></i> 
<input type="email" placeholder="Enter email....">
<button type="submit" class="subscribe">Subscribe</button>
</form>
</div>
</section>

CSS код:

#newsletter.container i { 
padding: 5px; 
min-width: 10px; 
}

1 Ответ

0 голосов
/ 26 февраля 2020

On placeholder = "xxxxxx; Введите адрес электронной почты ....", замените xxxxxx на & # xf0e0; где f0e0 - юникод конверта. Вы можете найти Unicode на странице FontAwesome http://fontawesome.io/icons/.

<input type="text" placeholder="&#xf0e0; Enter email...." style="font-family: FontAwesome, Arial; font-style: normal">
...