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

Question

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

在 placeholder="xxxxxx; Enter email...." ，将 xxxxxx 替换为 & #xf0e0;其中 f0e0 是信封的 unicode。您可以在 FontAwesome 页面 http://fontawesome.io/icons/ 中找到 unicode。

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