How to put an icon inside the input? | SoloLearn: Learn to code for FREE!

+8

How to put an icon inside the input?

How to put an icon inside the input

9 Answers

New Answer

+8

I mean icons, for example, that are in the search box or that are sometimes found when entering the name and mail, you find an icon in the form of a user..

+8

I want to use (font-awesome)

+8

like this :) https://code.sololearn.com/W6Cb8A4M4fTP/?ref=app

+4

You can use a cdn for example(Font awesome) : <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

+2

Icon for the title of the page?

+2

‎إسماعيل الرويني‎ I believe there are others here who can better advise you on that idea. I'm just gonna share what I found from a web search, in a hope it helps you to get started 👍 https://www.mockplus.com/blog/post/search-bar-design https://www.codeofaninja.com/2014/03/textbox-with-search-icon-in-html-css.html P.S. Please mind copyright notices for codes in codepen. Although if you copy for study purpose (not to claim over), I guess it's okay.

+1

Did you mean something like a magnifier icon in a search input box? Please clarify your intention.

+1

Use background-image: attribute

+1