recherche d'un script pour textbox filigrane

Question

Je cherche un javascript qui rend le texte à l'intérieur de la zone de texte à disparaître une fois que la souris se trouve dans la zone de texte et réapparaît sur défaut .. il doit être un javascript ...

Answer 1

Peut-être quelque chose comme ça ...

<script type=text/javascript> 
    function clearGhost(id,text) { 
    var obj = document.getElementById(id); 
    if (obj && obj.value == text) obj.value = ''; 
    } 

    function Ghost(id,text) { 
    var obj = document.getElementById(id); 
    if (obj && obj.value == '') obj.value = text; 
    } 
</script> 

<input type=text name=myText id=myText size=20 value="Ghost Text" 
    onfocus="clearGhost('myText','Ghost Text');" onblur="Ghost('myText','Ghost Text');"> 

ce n'est pas testé ... serait certainement plus facile avec jQuery.

Answer 2

Les navigateurs récents font sans JavaScript avec l'placeholder attribut: http://dev.w3.org/html5/spec-author-view/common-input-element-attributes.html#the-placeholder-attribute

Answer 3

<input type="text" value="mm/dd/yyyy" id="date1"/> 

    <script type="text/javascript"> 

     (function(){ 

      function showHideDefaultText(elem){ 

       var defaultValue = elem.defaultValue; 

       var showDefaultText = function(){ 
        if(this.value.length === 0){ 
         this.value = defaultValue; 
        } 
       } 

       var hideDefaultText = function(){ 
        if(this.value===defaultValue){ 
         this.value = ""; 
        } 
       } 

       elem.onfocus = hideDefaultText; 
       elem.onblur = showDefaultText; 

      } 

      var d1 = document.getElementById("date1"); 
      showHideDefaultText(d1); 

     })() 

    </script>