如何在放置在div中的動態創建的文本框上添加水印？

Question

我使用jQuery在點擊按鈕中創建了動態文本框。所以現在我想在每個文本框中添加水印。我怎樣才能做到這一點？

我的文本創作代碼

HTML：

<div id="5"> 
    <h1 id="sname3"> 
     Showtime 
     <div id="TextBoxContainer3"> 
      //Textboxes will be added here// 
     </div> 
     <br /> 
    </h1> 
</div> 

SCRIPT：

$("#btnAdd1").bind("click", function() { 
    var div = $("<div />"); 
    div.html(GetDynamicTextBox3()); 
    $("#TextBoxContainer3").append(div); 

    function GetDynamicTextBox3() { 
     return '<input id="dynamictxtbx" name="showtime" type="text" />&nbsp;' 
    } 
}); 

我的水印文字是 「時：分：秒」

Answer 1

嘗試placeholder這樣的屬性。

function GetDynamicTextBox3() 
{ 
    return '<input id="dynamictxtbx" name = "showtime" placeholder="Hour:Min:Sec" type="text" />&nbsp;' 
}