image au survole d'un input formulaire

Eléphant du PHP | 155 Messages

08 nov. 2018, 12:45

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

Code : Tout sélectionner

<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

Eléphant du PHP | 465 Messages

10 nov. 2018, 16:32

Bonjour,

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

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 7743 Messages

12 nov. 2018, 15:47

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.
Quand tout le reste a échoué, lisez le mode d'emploi...