Mettre une image dans input
Résolu
Petiticoeurshy
-
Ricken -
Ricken -
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
A voir également:
- Input image
- Input signal out of range ✓ - Forum Matériel & Système
- Image iso - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Comment désactiver out of range - Forum Ecran
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
Ricken
Bien joué c'est exactement ce que je cherchais perso et j'en apprends beaucoup avec ton exemple concis !, merci ;)
