如何在輸入佔位符中添加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>