如何在占位符框中插入电子邮件信封图标

Question

如何在占位符框中插入电子邮件信封图标，以嵌套在div下的形式插入，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; 
}

Answer 1

在占位符="xxxxxx；输入电子邮件……"中，将xxxxxx替换为&xf0e0；其中f0e0是信封的unicode。你可以在FontAwesome页面中找到unicodehttp://fontawesome.io/icons/。

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