텍스트 상자에 포커스가 있을 때 텍스트 상자의 내용이 프롬프트 내용과 동일하면 프롬프트 내용은 자연스럽게 사라집니다. 텍스트 상자에 값이 없고 포커스를 잃으면 텍스트 상자 내용이 기본 프롬프트를 다시 생성합니다. 위 요구 사항을 충족하기 위한 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe1.aspx.cs" Inherits="Recipe1" %> Recipe1 <br>.defaultText <br>{ <br>글꼴 스타일: 기울임꼴; <br>색상: #CCCCCC; <br> .ready(function () { <br>var searchBox = $("#<%=txtSearch.ClientID %>"); // ClientID를 통해 서버 컨트롤 ID를 가져옵니다 <br>searchBox.focus(function () { <br>if (searchBox.val() == this.title) { // TextBox 컨트롤의 ToolTip 속성이 Html로 변환되어 제목 속성이 됩니다. <br>searchBox.val(""); .removeClass("defaultText"); <br>} <br>} ); <br>searchBox.blur(function () { <br>if (searchBox.val() == "") { <br>searchBox. val(this.title); <br>searchBox.addClass("defaultText ") <br>} <br>}) <br>searchBox.blur() <br>}); 스크립트> <br></head> <br><form id="form1" runat="server"> <br><div align="center"> <br> <fieldset style="width: 400px; height: 80px;"> <br><p><br><asp:TextBox ID= "txtSearch" runat="server" Width="200px" CssClass=" defaultText" ToolTip="검색 키워드를 입력하세요"></asp:TextBox> <br><asp:Button ID="btnSearch" runat ="서버" Text="검색" /></ p> <br></div> <br></body> 🎜></html> <br><br> <br> <br><br>디스플레이 효과: <br><br> <br> <br> <br><br> </div>