Question

我有：

<input type="text" id="nome" value="Nome..." />

我必须删除它，一次 ....当焦点将放在输入文本上时。

我必须使用jquery ......

谢谢

Answer 1

简单回答：

$('#nome').focus(function() {
    $(this).val('');
});

详细解答：

虽然上面应该有用，但它并不是很友好，因为它会在你输入内容之后清除字段。我通常做这样的事情：

$('input.clearonfocus').focus(function() {
    if (!$(this).data('originalValue')) {
        $(this).data('originalValue', $(this).val());
    }
    if ($(this).val() == $(this).data('originalValue')) {
        $(this).val('');
    }
}).blur(function(){
    if ($(this).val() == '') {
        $(this).val($(this).data('originalValue'));
    }
});

后一个示例的优点是删除了焦点上的值，但只有当你没有更改值时才会删除它。

Answer 2

另请注意，您在HTML5中为此目的使用了新的占位符属性。因此，在支持HTML5的浏览器中，这应该像以下一样简单： ＆lt; input type =“text”placeholder =“Nome ...”/＆gt;

您可以查看以下链接，即使在未启用HTML5的浏览器中，也可以使用占位符属性：

Using HTML5 placeholder attribute in browser which don't support it via jQuery

Answer 3

我相信你需要这个插件：http://www.aaronvanderzwan.com/focusmagic/

这个插件旨在加快   制作表格领域的基本过程   空焦点和重新填充模糊，   取决于几个规格。他们三个   我建立的不同场景   因为这里有代表。

场景1这由...表示   右边的前三个字段。这个   场景是正常的。我们想要   标签成为水印。

场景2通常使用表单   有验证服务器端。这个   方案加载服务器发送的值。   这个插件没有做任何事情   让服务器设置的值工作   由它自己。

场景3我们每隔一段时间   想要一个例外。好的情景三   （右边的“被忽略的”textarea）   显示这是如何工作的。不要用   特定标签上的插件/   字段，只需添加一个'忽略'类   它

如何删除默认输入文本

3 个答案: