如何在输入占位符中添加字形图标？答案

【问题标题】：How to add glyphicon in input placeholder?如何在输入占位符中添加字形图标？
【发布时间】：2017-07-17 16:37:04
【问题描述】：

<div class="right-inner-addon ">
    <input type="search"
       class="form-control" 
       placeholder="&#xe003" />
</div>

我希望字形图标在输入文本框中显示为占位符。但它不渲染。就好像我放了一个很棒的字体图标十六进制代码一样，它会呈现。

如何使它在 glyphicon 中工作（不引入任何新标签，如 span 或 i 只是为了显示图标，如

<i class= glyphicon-search"</i>

【问题讨论】：

标签： html css font-awesome placeholder glyphicons

【解决方案1】：

您需要在其中添加类glyphicon

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="right-inner-addon ">
  <input type="search" class="form-control glyphicon" placeholder="&#xe003" />
</div>

【讨论】：

【解决方案2】：

要实现这一点，您需要在输入标签中添加glyphicon glyphicon-search 类。
对于更新的小提琴click here

<div class="right-inner-addon ">
    <input type="search"
       class="form-control glyphicon glyphicon-search" 
       placeholder="&#xe003" />
</div>

【讨论】：