输入框不显示默认值

Question

我有一个电子邮件框，我喜欢在其中显示“输入您的电子邮件”的默认值

因此，我用HTML创建了一个电子邮箱：

<p> Email: <br /> <input type="email" size="30"/> </p>

在以下jQuery中：

$(document).ready(function(){
    var default = "Please enter your email adress;

    $("input").attr("value", default);
});

然而，它并没有显示出来。有人建议我哪里做错了吗？

Answer 1

你为什么要这样做，你可以直接使用placeholder属性。

不需要使用jquery或javascript

 <p> Email: <br /> <input type="email" size="30" placeholder="please enter your email address"/> </p>

Answer 2

两件事:首先，default是JavaScript中的reserved word，所以不能用作变量名。将其更改为其他值(例如defaultString)：

var defaultString = ...;

其次，您的赋值字符串中缺少结束"：

var defaultString = "Please enter your email adress;
                                             ^

另外，对于值，您应该使用val()，而不是attr()

$("input").val(defaultString);

Answer 3

您也可以使用jquery水印：

$('#myElement').watermark('Enter your email');

请参阅jsfiddler：http://jsfiddle.net/NMtfK/