使用 Jquery 将占位符设置为文本框类型密码

Question

我有带有PHP代码的HTML：

<input name="password" class="text passplace" type="password" value="<?=$password;?>" maxlength="255" />

我想将占位符设置为此字段，但它不起作用，它仍然在文本框上显示来自数据库的数据（请参阅上面的代码）。我尝试使用Jquery代码，如下所示：

J查询代码

 <script language="javascript">
            $(document).ready(function(e) {
             // $(".passplace").val();
           $(".passplace").attr("placeholder","Mot de passe");
});
</script>

Answer 1

它仍然在文本框上显示来自数据库的数据

假设您指的是 value 属性，这就是占位符的工作方式。当有值时，占位符将不可见。如果删除该值，则应显示占位符。

您注释掉的代码行是解决问题的一半。您需要向其传递空字符串以清除输入。目前它将返回当前值，而不是设置它：

$(".passplace").val("");

Answer 2

您必须先清空值：

$(".passplace").val('');

Answer 3

尝试：

$('.passplace').val('').prop("placeholder","Mot de passe");

您还可以使用：

$('input[name="password"]').val('').prop("placeholder","Mot de passe");