Forum d'entraide PHPFrance

Bonjour,
comment intégrer une image lorsque je survole un champ 'input' d'un formulaire ?

<div class="col-75" >
<input type="text" name="numserie" placeholder="A001252,989565,...." onmouseover="this.src='../image/codebarre.png';">
	</div>

j'ai essayé différentes choses mais pas bon...exemple ci-dessus.
Merci

Bonjour,

depuis le .css il est possible d'utiliser :hover à tes class ou id, exemple:

.ma-class:hover{}

Code : Tout sélectionner

onmouseover="this.src='../image/codebarre.png';"

Là tu as indiqué qu'au survol de la souris, tu voulais sur cet élément (le <input>) ajouter un attrubut "src" qui aura pour valeur l'adresse de ton image.
Or ça n'est pas comme ça qu'on affiche une image dans un input.

C'est soit en l'affichant en CSS en image de fond, soit en utilisant du javascript pour demander à afficher un élément image masqué par exemple.
Ma recommandation est plutôt d'utiliser ce que t'a indiqué two3d, c'est à dire en CSS pour changer l'image de fond de l'input.

Forum d'entraide PHPFrance

image au survole d'un input formulaire

image au survole d'un input formulaire

Re: image au survole d'un input formulaire

Re: image au survole d'un input formulaire