如何像dogpile.com一样进行输入焦点？

Question

我希望<input>（jsfiddle.net/cT9kg）的行为与dogpile.com上的行为完全相同。

更具体的<input>应该：

• 在聚焦时有一个预定义的文本
• 当用户的输入数据被删除并失去焦点时，该文本会重新出现

这是怎么做到的？

Answer 1

使用最新浏览器支持的placeholder属性：

  

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

Answer 2

我多次使用this tutorial from buildinternet.com - 它完美无缺。

Answer 3

尝试这样的事情：

<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()" />