About using font icons in placeholder

stay placeholder Use in iconfont

I wrote a search box when I wrote the page today , The requirement is to change the width and transparency as a module scrolls , among placeholder There is a search sign , This is obviously a Font Icon , So let me talk about how to placeholder Use in iconfont.

---

1. Use iconfont Of unicode Pattern

There is no need to go into the website to select the icon generation project , I TM Open the whole car directly and give it to ollie ！！！

The first is choice Unicode Pattern , Then copy the code .

2. Definition iconfont

Use css Of font-family Attribute defines the font icon , You can choose your own name here , The values in the above figure are the default .

3. Use font icons

 <input type="text" class="iconfont-unicode" placeholder="&#xe60a; Please enter the trade name ">

Now you can be happy in placeholder Use font icons in , Here we need to give input Add a class name , The class name is the class name defined in step 2 , And then you find placeholder A font icon appears in the . The following is the result map ：

It's perfect Ollie gave ！！！
Almost forgot , All the graphs here are truncated iconfont Guidelines on the official website , If you don't understand it, you can go to the official website by yourself .