JavaScript implémente une méthode pour que l'affichage par défaut de l'image d'arrière-plan dans la zone de texte disparaisse après avoir obtenu le focus

Cet article présente principalement la méthode JavaScript pour implémenter l'image d'arrière-plan d'affichage par défaut dans la zone de texte pour qu'elle disparaisse après avoir obtenu le focus. Cela implique des compétences opérationnelles liées à JavaScript pour les styles et les attributs des éléments de page. Les amis dans le besoin peuvent se référer à ce qui suit : <.>

Voici le code html :

<p class="contain">
    <p class="inputFullNameContain"><input class="inputFullName" type="text" id="search_content" /> </p>
    </p>

Ce qui suit est le code js :

 <script type="text/javascript" >
     (function () {
         var id = document.getElementById('search_content');
         if (id) {
             var name = id;
             var unclicked = function () {
                 if (name.value == '') {
                     name.style.background = 'url("images/inputBackground.png") no-repeat center';
                 }
             };
             var clicked = function () {
                 name.style.background = 'none';
             };
             name.onfocus = clicked;
             name.onblur = unclicked;
             unclicked();
         }
     })();
</script>

Pour plus de didacticiels connexes, veuillez visiter

Tutoriel JavaScript