Mettre une image dans input

Résolu/Fermé
Petiticoeurshy - 15 sept. 2008 à 14:30
 Ricken - 1 mai 2021 à 18:42
Bonjour, a toutes et à tous

j'aimerais que l'on puissent me dire comment on met une image dans un code de type:

<input type="text" />

j'aimerais mettre une loupe dans cette input allez voir à cette page http://www.dlanimes.com/forum/index.php


merci de m'aider

4 réponses

c pas complique
tu a juste a appliquer un style-css sur ton "<input type='text'>"
comme ceci :
<input type="text" style="background-image:url(images/loupe.png);background-position:left;background-repeat:no-repeat;padding-left:18px;width:175px;" />
loupe.png => l'image a afficher dans l'input
background-position => l'emplacement de ton image
background-repeat => si tu veux que l'image sois repetee , mais dans ton cas je crois pas que tu veuille repeter to image
alors tu dois ajouter le padding => permet de decaler le focus afin qu'on ai l'impression que l'image n'est pas en fond le padding doit etre >= a la largeur de ton image
c tout
j'espere ke tu comprendra tou ce charabia ke g ecri
18
Bien joué c'est exactement ce que je cherchais perso et j'en apprends beaucoup avec ton exemple concis !, merci ;)
0