image au survole d'un input formulaire

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : image au survole d'un input formulaire

Re: image au survole d'un input formulaire

par @rthur » 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.

Re: image au survole d'un input formulaire

par two3d » 10 nov. 2018, 16:32

Bonjour,

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

image au survole d'un input formulaire

par quattro » 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