bootstrap~在input框中加⼊icon图标icon图标库
今天在bootstrap前端框架中这样⼀个需求，在input框的前⼀部分展⽰图标，如下图：
解决⽅式：
在input前⾯添加span标签，span通过class 设置bootstrap组件图标。 配合form-control-feedback将图标显⽰在input内。但是这时显⽰在input的后端。打开f12，可以发现.form-control-feedback{}的选择器是相对定位的，通过调节将其调到需要展⽰的位置。
代码展⽰：
<form class="form-horizontal" id = "my_form_active">
<div class="form-group">
<div class="col-xs-12 col-sm-12 col-md-12">
<span class="glyphicon glyphicon-user form-control-feedback"></span>
<input type="text" class="form-control form-control-pl-30" name = "name"      placeholder="参会⼈员姓名">
</div>
</div>
</form>
主要通过：form-control-feedback 实现。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。