html - 如何在输入占位符中添加字形？

Question

请引用- https://jsfiddle.net/cyCFS/3218/

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

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

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

这样的图标

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

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