テキスト ボックスにフォーカスが置かれたときに、テキスト ボックスの内容がプロンプトの内容と同じであれば、プロンプトの内容は自然に消えます。 テキスト ボックスに値がなくフォーカスを失うと、テキスト ボックスの内容によってデフォルトのプロンプトが再生成されます。 上記の要件を達成するためのコードは次のとおりです。 コードをコピーします コードは次のとおりです。 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe1.aspx.cs" Inherits="Recipe1" %> レシピ 1 <br>.defaultText <br>{ <br>フォントスタイル: イタリック; <br> カラー: <br> .ready(function () { <br>var searchBox = $("#"); // ClientID を通じてサーバー コントロール ID を取得します <br>searchBox.focus(function () { <br>if (searchBox.val() == this.title) { // TextBox コントロールの ToolTip プロパティは Html に変換され、title プロパティになります。 <br>searchBox.val(""); <br>searchBox .removeClass("defaultText"); <br>} <br>} ); <br>searchBox.blur(function () { <br>if (searchBox.val() == "") { <br>searchBox. val(this.title); <br>searchBox.addClass("defaultText ") <br>});スクリプト> <br><本文> <br><p> <br><div align="center"> <br> <fieldset style="width: 400px; height: 80px;"> <br><br><asp:TextBox ID= "txtSearch" runat="server" width="200px" CssClass="defaultText" ToolTip="検索キーワードを入力してください"></asp:TextBox> <br><asp:Button ID="btnSearch" runat ="サーバー" テキスト="検索" /></ p> <br></form> 🎜></html> <br><br> <br> <br><br>表示効果: <br><br> <br> <br> <br><br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
