Html 如何在输入字段中包含glyphicon？

通过使用引导类为用户输入创建表单。我已经包含了简单的表格供您阅读

问题：

1.）我试图将glyphicon放置在表单的输入框内，但图标放置在外部。我在input tag类中调用了glyohicon date的

glyohicon，但图标位于输入框之外。我怎么可能在输入框中输入它

谢谢




预订一张桌子
客人人数
1.
2.
3.
4.
5.
6.
日期和时间
储备
&时代；
警告请致电我们预订六位以上的客人。
已设法从给定链接解决此问题：



日期和时间

日期和时间
这是引导的课程分配

使用引导中的“带可选图标”方法，您可以实现以下目标：

例如，我对这个问题的回答：

<div class="form-group has-feedback">
 <label class="col-sm-2 control-label" for="date-choose">Date and Time</label>
 <div class="col-sm-5">
  <input type="date" class="form-control" id="date-choose" placeholder="Date">
  <i class="glyphicon glyphicon-calendar form-control-feedback" aria-hidden="true"></i>
 </div>
</div>


日期和时间

您可以参考下面的链接找到您想要的：


您还需要知道的是，这只会将图标添加到输入框中，而不会更改其背后JavaScript的默认操作，因此您添加的图标没有响应，除非您更改此输入框的默认事件。
可能重复的
<div class="form-group has-feedback">
 <label class="col-sm-2 control-label" for="date-choose">Date and Time</label>
 <div class="col-sm-5">
  <input type="date" class="form-control" id="date-choose" placeholder="Date">
  <i class="glyphicon glyphicon-calendar form-control-feedback" aria-hidden="true"></i>
 </div>
</div>