Accueil    HTML    Evenement onfocus
 



Evenement onfocus  HTML Evenement onfocus : élément obtenant le focus

«  Partie précédente  |  Index  |  Partie suivante  »


L'évènement onfocus se déclenche lorsque la balise sur laquelle il est appliqué est sélectionnée par l'utilisateur et obtient le focus. La plupart des tags html supportent cet évènement, et il est très fréquent de le voir utilisé sur des champs de saisie de formulaires pour appliquer des styles spécifiques.

Il est souvent couplé à l'évènement onblur qui se déclenche lorsque la balise html perd le focus, et permet par exemple de vérifier la valorisation d'un champ et d'appliquer un style spécifique sur celui-ci s'il est mal rempli.



Exemple d'utilisation pour l'évènement onfocus :






<label for="TxtSaisie1">Champ à saisir : </label>
<input id="TxtSaisie1" type="text" style="width:100px; border:solid 1px black;"
   onblur="this.style.backgroundColor='#FFFFFF';"
   onfocus="this.style.backgroundColor='#DEDEDE';" />

<label for="TxtSaisie2">Champ à saisir : </label>
<input id="TxtSaisie2" type="text" style="width:100px; border:solid 1px black;"
   onblur="this.style.backgroundColor='#FFFFFF';"
   onfocus="this.style.backgroundColor='red';" />