如何使輸入焦點像dogpile.com？

我想<input>（jsfiddle.net/cT9kg）的行爲與dogpile.com上的行爲完全相同。如何使輸入焦點像dogpile.com？

更具體的<input>應該：

在它裏面被聚焦時，一個預定義的文本
的文本，當用戶輸入的數據被刪除重現，失去焦點

這是怎麼回事做了什麼？

來源

2011-11-17 James

通過使用在最新的瀏覽器支持的placeholder屬性：

http://jsfiddle.net/cT9kg/30/

來源

2011-11-17 13:45:28

太棒了！正是我需要的。我會在時間限制結束後回答這個問題！再次感謝！ – James

值得一提的是，支持不是普遍的（就像@Tatu提到的那樣），所以你可以爲本來不支持它的瀏覽器提供一個JavaScript回退。像這樣的東西（https://github.com/danielstocks/jQuery-Placeholder）將完成這項工作。它的優點是不會用JS代碼污染你的HTML，並且尊重主要的瀏覽器。 – CherryFlavourPez

我用this tutorial from buildinternet.com多次 - 它完美的作品。

來源

2011-11-17 13:46:39 motoxer4533

嘗試這樣：

<script type="text/javascript"> 
    function onfocus() { 
     document.getElementById("box").setAttribute("value",""); 
    } 
    function onblur() { 
     if (document.getElementById("box").getAttribute("value") == "") { 
      document.getElementById("box").setAttribute("value","Enter Something"); 
     } 
    } 
</script> 

<input type="text" id="box" value="Enter Something" onfocus="Focus()" onblur="Blur()" />

來源

2011-11-17 13:48:47 Tom

如何使輸入焦點像dogpile.com？

回答

相關問題