Comment ajouter du glyphicon dans un espace réservé en entrée?

Question

S'il vous plaît se référer - https://jsfiddle.net/cyCFS/3218/

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

Je veux que le glyphicon apparaisse comme un espace réservé dans la zone de saisie de texte. Mais ça ne rend pas. Où comme si j'avais mis un code hexa de police génial icône, il rend.

Comment faire fonctionner dans glyphicon (sans introduing toute nouvelle étiquette comme la durée ou i juste pour montrer l'icône comme

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

Answer 1

Pour ce faire, vous devez ajouter glyphicon glyphicon-search classe dans la balise d'entrée.
Pour violon mis à jour click here

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

Answer 2

Vous devez ajouter la classe glyphicon en elle

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