Question

您好我有两个输入字段（用户和密码）

我希望在其中输入“用户名”，然后当您点击它时，文本“用户名”消失并且为空，您输入用户名。所以，如果你已经按下了，你想点击另一种方式再次点击用户名..  因此，只有输入/输入了某些内容，并且您单击远离输入字段时，您输入的文本仍然应该在那里..

怎么做？例： 这两个输入字段位于顶部的http://www.dkbn.dk

Answer 1

使用focus和blur事件来决定何时添加/删除文字：

$('#myinput').focus(function () {
    if (this.value == "Username")
        this.value = "";    
}).blur(function () {
    if (this.value == "")
        this.value = "Username";    
});

Answer 2

Answer 3

这通常被称为水印。有很多Javascript插件可以做到这一点。如果您正在使用jQuery，我会查看In-Field Labels。这就是我使用的那个