JQuery_jquery に基づいてプロンプト テキストを表示および非表示にするテキスト ボックスのマウス クリックを実装します。

たとえば、私の Web サイトの検索ボックス:

使用しないとき:

マウスクリック後:

JQuery を使用してこの効果を実現するのは非常に簡単です。コードは次のとおりです。

コードをコピーします。 コードは次のとおりです。次のように:

$(document).ready(function () {
var searchBox = $("#ctl00_txtSearch");
searchBox.focus(function () {
if (searchBox.val() = = this.title) { // TextBox コントロールの ToolTip プロパティは、title プロパティとして HTML に変換されます
searchBox.val("")
}
});
searchBox.blur(function () {
if (searchBox.val() == "") {
searchBox.val(this.title);
}
} );
searchBox.blur();
});

#ctl00_txtSearch は検索ボックスの ID です (ASP.NET は ClientID を通じてこの ID を取得できます)