jquery - 使用 jQuery 将默认文本更改为输入文本

Question

我有一个简单的表单，其中包含三个输入文本，每个文本具有不同的值。 我想当我在一个内部单击以清除默认值时，如果用户不插入文本，则当我出去时将默认文本放入输入中。 我在 jQuery 中编写了一个代码，问题是当我点击它时它采用与第一个输入类型相同的默认值而不是它的文本为什么？ 这是代码:

<script type="text/javascript">
$(document).ready(function() {
    $('.testo').each(function() {
    var default_value = this.value;
        $(".testo").focus(function() {
            $(this).attr('value','');
        });
        $(".testo").blur(function() {
            if ($(this).attr('value')==''){
                $(this).attr('value',default_value);
            }
        });
    });
});

<p><input type="text" name="nome" class="testo"  value="Nome e Cognome"/> </p>
            <p><input type="text" name="telefono" class="testo" value="un tuo Recapito Telefonico"/></p>
            <p><input type="text" name="email"  class="testo" maxlength="60" value="una E-Mail Valida"/></p>

Answer 1

您可以在没有 javascript 的情况下使用输入的占位符属性实现此目的:

<input type="text" name="telefono" class="testo" placeholder="un tuo Recapito Telefonico"/>

找例子here

编辑:

考虑到这是 html5，尽管 it's quite widely supported by browsers ，如果你想支持所有这些，你应该遵循@liam 的方法。