Question

请参阅 - https://jsfiddle.net/cyCFS/3218/

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

我希望glyphicon在输入文本框中显示为占位符。但它没有渲染。好像我放了一个字体真棒图标六进制代码，它呈现。

如何使它在glyphicon中工作（没有引入任何新的标签，如span或我只是为了显示像

这样的图标

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

Answer 1

您需要将课程glyphicon添加到其中

＆＃13;

<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>

＆＃13;

Answer 2

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

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

如何在输入占位符中添加glyphicon？

2 个答案: