Comment mettre une icône dans l'élément d'entrée d'un formulaire ?
Capture d'écran d'un formulaire web avec trois entrées contenant des icônes] [1].
Version en direct à : [Thème Tidal Force][2]
[1] : http://i.stack.imgur.com/V0Tjp.png [2] : http://www.elegantthemes.com/preview/TidalForce/?p=9
Le site que vous avez indiqué utilise une combinaison d'astuces CSS pour y parvenir. Tout d'abord, il utilise une image d'arrière-plan pour l'élément "input". Ensuite, pour faire glisser le curseur, il utilise le paramètre padding-left
.
En d'autres termes, il y a ces deux règles CSS :
background: url(images/comment-author.gif) no-repeat scroll 7px 7px;
padding-left:30px;