[CSS]阿里图标的使用，如何在placeholder里面加阿里图标

1.在html中使用阿里图标

第一种 Unicode码（推荐）：
<link rel="stylesheet" href="css/iconfont.css">
<span class="iconfont">&#x33;</span>

第二种 font-class（推荐）:
<link rel="stylesheet" href="./iconfont.css">
<span class="iconfont icon-xxx"></span>

第三种 SVG :
<script src="./iconfont.js"></script>
 <style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>

<svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xxx"></use>
</svg> 

2.在placeholder里面加阿里图标（在input上使用class=“iconfont”）

<link rel="stylesheet" href="css/iconfont.css">
<input class="iconfont" type="search" value=""placeholder="该图标的Unicode码">