本文主要是介绍使用font-awesome 在input框中增加一个图标,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
比如:
在登录框增加一个用户头像 ,提示用户输入用户名
<html>
<link href="http://libs.baidu.com/fontawesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<style>
.wrapper { position: relative; }
i.fa { position: absolute; top: 5px; left: 5px; }
.wrapper input { text-indent: 20px;}
</style>
<body>
<div class="wrapper">
<i class="fa fa-user"></i>
<input type="text" placeholder="username ">
</div>
<div class="wrapper">
<i class="fa fa-key"></i>
<input type="text" placeholder="password">
</div>
</body>
</html>
这篇关于使用font-awesome 在input框中增加一个图标的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!