Utilisation de Css pour effacer TextBox Texte/valeur

Question

Je me demandais, s'il était possible d'effacer une zone de texte avec un code css plutôt que d'utiliser javascript?

Answer 1

Ceci est impossible avec CSS, seulement avec JS:

fonction de gestionnaire d'événement:

addEvent(document.getElementById('IDHERE'), "focus", 
function() { 
    clearText('IDHERE'); 
}); 

fonction d'écouteur d'événement :

//addEvent listener 
function addEvent(obj, type, fn) { 
    if (obj.addEventListener) { 
     obj.addEventListener(type, fn, false); 
    } else { 
     if (obj.attachEvent) { 
      obj["e" + type + fn] = fn; 
      obj[type + fn] = function() { 
       obj["e" + type + fn](window.event); 
      }; 
      obj.attachEvent("on" + type, obj[type + fn]); 
     } 
    } 
} 

fonction texte en clair:

//Clear on focus function 
function clearText(id) { 
    document.getElementById(id).value = ""; 
} 

Ce JS est pur, pas de bibliothèques nécessaires ici, très rapide et x-navigateur compatible :)

Answer 2

Vous ne pouvez pas utiliser CSS pour manipuler le DOM. En d'autres termes: ce n'est pas possible.

Avec CSS on ne peut pas changer un document, seulement l'apparence et le comportement du document mais c'est tout.

Answer 3

Ceci est impossible. CSS est pour la présentation seulement, HTML est pour l'information et la structure et javascript est pour la manipulation DOM. Vous devrez utiliser Javascript ou l'une de ses bibliothèques à faire :)

Answer 4

peut être fait, mais juste d'une manière visuelle, il ne regretterez pas réellement, mais être montrés trop coutume

il peut y avoir beaucoup d'astuces, l'une peut être de définir la couleur du texte comme l'arrière-plan de votre zone de texte, désactiver la sélection.

mais si vous voulez qu'il soit complètement disparu, vous devez utiliser javascript