使用jquery突出顯示文本框中的文本

Question

我有一個網頁，提示用戶在文本框中輸入。我想在此框中顯示默認的文本行，但突出顯示它，以便用戶輸入會自動覆蓋它。我被告知在另一個線程使用JQuery，這是我到目前爲止：

<script type="text/javascript" src="D:jquery-1.4.1-vsdoc.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#MessagesTextbox").select(); 
    }); 
</script> 

當然，它不是在做所需的技巧。我對JQuery非常陌生（通常是網絡編程），我會很感激任何建議。

問候。

Answer 1

試試這個 - $（'＃MessagesTextbox'）。focus（function（）{this.select（）;}）;

Answer 2

我不確定我是否明白你的意思，但請查看此鏈接：watermark plugin。這是一個水印jQuery插件。

你必須下載jquery.watermark-3.1.3.js，然後你要做的就是

$(document).ready(function() { 
    $("#MessagesTextbox").watermark('Required information'); 
}) 

編輯

我重讀它，如果你只是希望把重點放在字段，那麼是的， $("#MessagesTextbox").focus();是你在找什麼，並添加了鏈接。

Answer 3

合併兩組select()和focus()：

$('#MessagesTextbox').focus().select();​ 

JS Fiddle demo。

如果你能，但是，它會是更容易使用的placeholder屬性爲textarea：

<textarea id="MessagesTextbox" placeholder="Some default text"></textarea>​ 

JS Fiddle demo。

而下面的jQuery：

參考文獻：

• focus()。
• placeholder attribute。
• select()。