input框内加搜索按钮或者图标

Question

前提：pc端，要在input框内加一个搜索按钮。有没有简单的方法？
类似于这样：

最好是用bootstrap写的，不想用easy-ui。

Answer 1

思路就是加一个i标签放图标 定位到input右边

<li class="formSearch-group date-group">                      
    <input type="text" class="form-control dateinput"  id="inpend" readonly style="background:#fff" name="udn">
    <i  class="fa fa-calendar" aria-hidden="true"></i>
</li>
.date-group{
    position: relative;
}
.date-group>i{
    position: absolute;
    right:10px;
    top:10px;
}

Answer 2

泻药

原生了解下？给input的父级label直接一个伪类
然后定位过去，给input右边儿再写个padding，给这个伪类的位置空出来
当然0 -0如果需要点击，你也可以弄个标签定位过去
顺便一提，UI框架在你基础不是很牢固的时候，还是少用比较好

Answer 3

方法一：
div包着input、图标
div相对定位，给1px边框
input去掉边框，绝对定位，left：0
图标绝对定位，right：0

方法二：
用第三方UI框架