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

Question

我有带有 PHP 代码的 HTML：

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

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

jQuery代码

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