在input内添加小图标或文字（元/月）等

Posted 2022-05-27 firstcsharp

文字：

<td class="formValue">
   <div class="input-group">
     <input id="AccountBillPrice" type="number" class="form-control" /><span class="input-group-addon">元/月</span>
   </div>
</td>

图标：

<div class="input-group">
   <input id="AccountBillPrice" type="number" class="form-control" /><span class="input-group-addon"><i class="fa fa-pencil"></i></span>
</div>

或者使用自己的图标：

<input class=‘phone-input‘ type="text" id="phone"/> 
.phone-input 
padding-right:20px; 
background:url("resource/***.gif") no-repeat scroll right center transparent;