HTML小技巧---在输入框内插入图标

   <style>
          #text{
                  background: url("./public/image/锁头.png") no-repeat;
                  height: 34px;  
                  padding-left: 40px;
                 }
      </style>
    <form action="#">
        <input type="text" id="text">
    </form>

主要利用为input添加背景图片和限制paddingleft

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,308评论 19赞 139
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1赞 92
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,014评论 25赞 709
  • 抽烟 VS PM2.5， 谁的危害更大？
    小明同学在北京的一家互联网公司做运营，公司每每蓄力做阶段性的活动预备时，他经常需要配合加班甚至通宵工作，为了缓解压...
    小畅写程序阅读 10,111评论 0赞 4
  • 我喜欢
    张晓风/文 活成自己喜欢的样子是一种美好。
    让触动心铉的句子传递阅读 1,274评论 0赞 1