在input内添加小图标或文字(元/月)等

文字:

<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; 
} 

 

posted @ 2019-07-30 11:43  James·wang  阅读(1807)  评论(0编辑  收藏  举报