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

+11

How to put an icon inside the input?

How to put an icon inside the input

2/14/2020 12:15:04 AM

Alrewany_ch8vm

9 Answers

New Answer

+10

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..

+10

I want to use (font-awesome)

+10

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

+5

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">

+3

Icon for the title of the page?

+3

‎إسماعيل الرويني‎ 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.

+2

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

+2

Use background-image: attribute

+2