Mettre une image dans input
Résolu/Fermé
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
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
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
1 mai 2021 à 18:42