ищет сценарий для текстового поля водяной знак

Question

Я ищу javascript, который заставляет текст внутри текстового поля исчезать после того, как мышь находится внутри текстового поля и снова появляется по умолчанию .. он должен быть javascript ...

Answer 1

Может быть что-то вроде этого ...

<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');"> 

Это непроверенное ... определенно будет проще с JQuery.

Answer 2

Новые браузеры делают это без JavaScript с атрибутом placeholder: 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>