使用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

结合select()和focus()：

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

JS Fiddle demo

但是，如果你能够使用placeholder的{​​{1}}属性更加容易：

textarea

JS Fiddle demo

以下jQuery：

参考文献：

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

Answer 2

试试这个 - $（'＃MessagesTextbox'）。focus（function（）{this.select（）;}）;

Answer 3

我不确定我完全理解你的目标，但请查看此链接：watermark plugin。它是水印的jquery插件。

您必须下载jquery.watermark-3.1.3.js，然后您所做的就是

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

修改

我重读了它，如果你只是想把重点放在这个领域，那么是的，     $("#MessagesTextbox").focus();正是您要找的，并添加了链接。