與值輸入字段刪除

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";  
});