如何在动态创建的文本框中添加水印，这些文本框放在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;'
    }
});

我的水印文字是＆＃34;小时：分：秒＆＃34;

Answer 1

尝试placeholder这样的属性。

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