使用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()。