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

最新推荐文章于 2024-08-06 11:58:02 发布

weixin_30521649

最新推荐文章于 2024-08-06 11:58:02 发布

阅读量2.3k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/firstcsharp/p/11269038.html

版权

文字：

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

转载于:https://www.cnblogs.com/firstcsharp/p/11269038.html