Entrando com mais um post bacana. Vamos aprender, de diversas formas, como incluir um ícone dentro de um input.
Primeiro passo é baixar o Font Awesome e criar um simples arquivo index.html. Se preferir, até mais simples, faça a chamada do Font Awesome por um CDN.
Não sabe o que é um CDN, clique aqui.
Os unicodes que você vai precisar estão aqui neste link.
Todo o código está comentado com vários exemplos. Se eu consegui você consegue, pode ficar tranquilo…
index.html
Font Awesome dentro de input
Forma 1
Forma 2
Forma 3
Para testar o código acima clique aqui.
Espero que tenha gostado!
Dúvidas? Deixe nos comentários.