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

时间:2013-10-31 08:09:22

标签: javascript php jquery

我有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>

3 个答案:

答案 0 :(得分:0)

  

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

的数据

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

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

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

答案 1 :(得分:0)

您必须先清空该值:

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

答案 2 :(得分:0)

尝试:

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

您也可以使用:

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