与值输入字段删除

Question

您好，所以我有两个输入字段（用户&密码）

我想对他们有“用户名”，然后当你点击它的文本“username”的消失和空并输入用户名。所以，如果你按下了，而且你喜欢点击另一种方式，用户名又会出现。 所以，只有当输入/键入了某些东西，并且您从输入字段中单击时，输入的文本仍然应该在那里。

如何做到这一点？例如： http://www.dkbn.dk在那些两个输入字段

Answer 1

顶部看看jquery的watermark插件

Answer 2

这通常被称为水印。有很多Javascript插件可用于执行此操作。如果你使用jQuery，我会检查出In-Field Labels。这是我使用的一个

Answer 3

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

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