尋找文本框水印的腳本

我正在尋找一種JavaScript，使文本框內的文本消失，一旦鼠標在文本框內，並重新出現默認..它必須是一個JavaScript ...尋找文本框水印的腳本

2010-07-20 Sachindra

你使用任何框架，JQuery的，原型，等等？ – 2010-07-20 14:40:05

工作就是這樣......它是一個簡單的PHP工作，我正在尋找一些簡單的JavaScript .. – Sachindra 2010-07-20 14:58:57

標題很臭，應該被編輯，因此它對未來進行搜索的人很有用。 – epascarello 2010-07-20 15:09:44

也許這樣的事情...

<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更容易。

來源

2010-07-20 14:43:49 Fosco

.....不工作的朋友... – Sachindra 2010-07-20 14:58:15

完美的作品在這裏：http://fosco.com/test1.php – Fosco 2010-07-20 15:04:28

你希望它消失時，他們點擊對？不只是鼠標懸停......如果你希望懸停，只需添加onmouseover =「clearGhost（'myText'，'Ghost Text'）;」和onmouseout =「Ghost（'myText'，'幽靈文本'）;」讓它回來。 – Fosco 2010-07-20 15:06:13

新版瀏覽器做到這一點不使用JavaScript與placeholder屬性： http://dev.w3.org/html5/spec-author-view/common-input-element-attributes.html#the-placeholder-attribute

來源

2010-07-20 14:51:14 RoToRa

+1教我關於'placholder'屬性 – 2010-07-20 15:06:45

<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>

來源

2010-07-20 14:59:43 epascarello

尋找文本框水印的腳本

回答

相關問題