如何刪除默認的輸入文本

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） 顯示了這是如何工作的。要在特定標籤/ 字段中不使用 插件，只需將它的「忽略」類添加到 即可。