如何删除默认的输入文本

Question

我：

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

我必须将其删除，一次 ....当焦点将在输入文本。

我不得不使用jquery ...

谢谢

Answer 1

答案很简单：

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

阐述了答案：

虽然上面应该工作，它是不是很友好，因为它会在键入som后清除该字段它也是。我平时做这样的事情：

$('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功能的浏览器，这应该是那么容易，因为： <输入类型=“文本”占位符=“诺姆...”/>

您可以查看下面的链接，您使用占位符属性使甚至在浏览器中未启用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） 显示了这是如何工作的。要在特定标签/ 字段中不使用 插件，只需将它的“忽略”类添加到 即可。