如何在JQuery中将输入文本字段交换到焦点上的密码区域？

Question

我想在密码区域中显示"密码"作为文本,并且当聚焦时,该框应该变为空并允许来自用户的正常密码(加星标)输入.

目前我使用以下方法.最初我显示一个显示密码的文本字段,当焦点被删除并替换为密码字段时.这是jQuery:

$(document).ready(function() {
    $("#password").focus( function() {
        $("#pwd").html('<input type="password" id="password" name="password" value="" />');
        $("#password").focus();
    });
});

这适用于Firefox和Chrome,但在IE 8(可能是其他IE)中失败,因为焦点调用由于某种原因失败(可能DOM没有准备好？).

jsbin上有一个演示版.

有任何想法吗？

Answer 1

你可以尝试水印插件.我不知道它是否适用于IE8.