Come posso mettere un'icona all'interno di un elemento di input di un modulo?
Schermata di un modulo web con tre input che hanno delle icone al loro interno]1
Versione live a: Tema Tidal Force
Il sito che hai linkato usa una combinazione di trucchi CSS per riuscirci. Per prima cosa, usa una background-image per l'elemento <input>
. Poi, per spingere il cursore, usa padding-left
.
In altre parole, ci sono queste due regole CSS:
background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left:30px;