关于input后添加图标和文字

欢迎各种吐槽。

           

              <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">折扣比例<span>*</span></label>
                        <div class="col-md-9 col-sm-9 col-xs-12 input-group" >
                          <input type="text" class="form-control" name="discount" placeholder="折扣比例">
     <div class="input-group-addon">折</div>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">交易佣金比例<span>*</span></label>
                        <div class="col-md-9 col-sm-9 col-xs-12 input-group" >
                          <input type="text" class="form-control" name="commission" placeholder="交易佣金比例">
     <div class="input-group-addon">%</div>
                        </div>
                      </div>

还不是很清楚，在学习中....