jquery - 使用 Jquery 使用默认值填充字段

Question

我想使用 jquery 用默认值填充字段。例如，假设我有一个电子邮件地址字段，我想在框中以灰色斜体文本添加 example@email.com，并在用户单击该字段后将其删除。有没有什么好的方法可以用插件之类的来做到这一点？如果可能的话，我真的很想避免切换绝对定位的 div。

Answer 1

demo

<input type="text" id="email" />
<input type="text" id="name" /> 

然后，

$(function(){
   $('#email').focus(focus).blur(blur)[0].defaultValue="example@email.com";
   $('#name').focus(focus).blur(blur)[0].defaultValue="Type name here";
})

function focus(){
   this.value = (this.value == this.defaultValue)?'':this.value;
}
function blur(){
   this.value = (this.value == '')?this.defaultValue:this.value;
}

---

demo有风格

$(function(){
    $('#email, #name').addClass('default');
    $('#email').focus(focus).blur(blur)[0].defaultValue="example@email.com";
    $('#name').focus(focus).blur(blur)[0].defaultValue="Type name here";
});

function focus(){
    if (this.value == this.defaultValue) {
        this.value = '';
        $(this).removeClass('default');
    }
}
function blur(){
    if (this.value == '') {
        this.value = this.defaultValue;
        $(this).addClass('default');
    }
}​