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

Question

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

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

我想glyphicon以显示为在输入文本框的占位符。但它不渲染。就好像我已经把一个字体真棒图标十六进制代码，它呈现。

如何使它在glyphicon工作（无introduing像跨度任何新的标签或我只是为了显示像

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

Answer 1

图标要做到这一点，你需要添加glyphicon glyphicon-search类的输入标签。
对于更新小提琴click here

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

Answer 2

您需要添加​​类进去

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