html - Bootstrap : Add Glyphicon inside input box

Question

我的网页上有一个简单的日期范围输入框。我正在尝试向其中添加一个简单的日历字形图标(在框内)。无论我尝试什么，它都没有出现:

我的代码:

<div class="col-xs-6 date-range form-group has-feedback" id="date_range">
    <input name="daterange" class="form-control pull-right" style="width: 40%">
    <i class="fa fa-calender form-control-feedback"></i>
</div>

但是它只显示为:

我正在尝试这样的事情:

Answer 1

也许你的问题是你说你想要一个 .glyphicon 图标，但在你的代码中你有 .fa。 fa = font-awesome，不是glyphicon。

试试这个代码:

   <div class="form-group has-feedback">
       <asp:TextBox ID="txtPassword" runat="server" CssClass="form-control" TextMode="Password" placeholder="Password"></asp:TextBox> 
       <span class="glyphicon glyphicon-asterisk form-control-feedback"></span>
   </div>